Hướng dẫn cách đưa video lên website có hình tivi

0
453
dua-video-len-tivi
dua-video-len-tivi

Chắc rất nhiều bạn đã biết qua việc nhúng các video của mình vào website từ Youtube. Tuy nhiên việc làm thế nào để đưa video của mình và các khung hình như vào màn hình TV, vào màn hình điện thoại … thì rất nhiều bạn không biết phải làm sao.
Bài viết dưới đây sẽ hướng dẫn các bạn làm điều đó.
1. Cách nhúng video từ Youtube vào Website

Bước 1: Bạn vào Youtube và tìm video bạn cần đưa vào website
Bước 2: Bạn chọn mục Chia sẻ >> Chọn Nhúng >> Tùy chỉnh các tham số tùy vào mục đích của bạn
Bước 3: Copy đoạn code HTML như hình vẽ

dua-video-len-tivi
dua-video-len-tivi

Bước 4: Dán đoạn code vừa copy dán vào phần soạn thảo HTML của trang web.

2. Nhúng Video Youtube vào website có màn hình TV

Tuy nhiên với việc đưa video vào website như trên thì thật sự nhàm chán đối với người xem. Vì vậy mình sẽ hướng dẫn cho các bạn cách đưa video vào các khung hình mẫu mà dưới đây mình sẽ hướng dẫn cho bạn đưa video vào màn hình TV.

Bước 1: Bạn Copy đoạn code HTML như trên.
Bước 2: Chỉnh kích thước video làm sao cho vừa khung bên trong của TV. Dưới đây mình lấy kích thước rộng 470 px, cao 300 px
Bước 3: Đặt mã nhúng video bạn đã copy dán vào HTML trên thẻ như bên dưới.

Đoạn code như sau:

<div style=”background: url(‘https://lh5.googleusercontent.com/-f1MV9AYVlPI/VGsKiHKBYpI/AAAAAAAAAmk/Oufb9erNKEU/w515-h406-no/TV%2B-%2BMOA.png’) top left no-repeat; height: 320px; padding: 20px 20px 86px 20px; width: 475px;”>

Dán đoạn HTML vào đây

</div>

Chúc Các Bạn Thành Công!

Dưới đây là video mà mình đã đưa vào trong TV các bạn có thể tham khảo:

 

Comments

comments

SHARE