728x90 AdSpace

Breaking

[recent][ticker2]
Wednesday, September 12, 2018

Tuỳ chỉnh các thông số của video youtube khi chèn vào Blog


Phần 1 - Cách chèn video youtube vào Blog của bạn nhanh nhất đã hướng dẫn các bạn cách chèn một video youtube vào website - blogspot bằng đoạn code

<iframe WIDTH="560" HEIGHT="315" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen src="https://www.youtube.com/embed/[Video ID]" ></iframe>

Mỗi video khi chèn vào website - blogspot đều có thông số WIDTH, HEIGHT, Video ID, ... Trong phần này mình sẽ hướng dẫn các bạn cách tuỳ chỉnh các thông số này, để chèn được một video như mong muốn.

1. Thuộc tính WIDTH- HEIGHT: chiều ngang và chiều dọc của video
Tuỳ thuộc vào từng vị trí chèn video mà kích thước  chiều ngang cũng khác nhau. Các chiều ngang thông dụng như: 700,  320, 300, ...Chiều cao các bạn sẽ tự chỉnh sao cho video của bạn hiển thị đẹp mắt và vừa khung nhé.

Ví dụ chèn video có chiều ngang 700 có code như sau:
<iframe WIDTH="700" HEIGHT="360" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen src="https://www.youtube.com/embed/4VhwnXgbuGU" ></iframe> 



Ví dụ chèn video có chiều ngang 320 có code như sau:
<iframe WIDTH="320" HEIGHT="180" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen src="https://www.youtube.com/embed/4VhwnXgbuGU" ></iframe> 


2. Thuộc tính Liên kết - Related
Các bạn để ý, khi xem hết video trên, youtube sẽ đề xuất các video cho bạn xem kế tiếp. Điều này sẽ làm bạn cảm thấy khó chịu, thậm chí bực mình khi đối thủ cạnh tranh được đề xuất ngay trên trang web của mình. 
Để loại bỏ các đối thủ cạnh tranh được đề xuất ở cuối video, bạn thêm thông số Related (?rel=0)vào code như sau:

<iframe WIDTH="700" HEIGHT="360" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen src="https://www.youtube.com/embed/4VhwnXgbuGU?rel=0" > </iframe>
Các bạn xem lại 2 video dưới này nhé:



3. Thuộc tính Tự động phát - Autoplay 
  • Khuyến cáo: không nên dùng, vì sẽ làm người truy cập khó chịu
Khi người dùng truy cập vào bài viết, video trên bài viết sẽ tự động phát. Để làm được điều này, các bạn thêm thuộc tính Autoplay (?autoplay=1) vào đoạn code như sau:

<iframe WIDTH="700" HEIGHT="360" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen src="https://www.youtube.com/embed/4VhwnXgbuGU?autolay=1&rel=0" > </iframe>
Trong đoạn code trên, mình đã kết hợp 2 thuộc tính: ?autolay=1&rel=0

4. Thuộc tính ShowInfo - Title Bar trên video
Để tắt Title Bar video, các bạn thêm thuộc tính ShowInfo (?showinfo=0) vào code như sau:
<iframe WIDTH="700" HEIGHT="360" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen src="https://www.youtube.com/embed/4VhwnXgbuGU?showinfo=0" > </iframe>
Các bạn xem 2 video dưới này nhé:



5. Thuộc tính Lặp lại - Loop trong video
Bạn muốn video hay playlist tự động phát lại, chỉ cần chèn thuộc tính Loop (?loop=1) vào đoạn code như sau:

<iframe WIDTH="700" HEIGHT="360" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen src="https://www.youtube.com/embed/4VhwnXgbuGU?loop=1" > </iframe>

6. Thuộc tính Chú thích - Annotations trong video


Để tắt thuộc tính này bạn chèn đoạn code như sau:

<iframe WIDTH="700" HEIGHT="360" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen src="https://www.youtube.com/embed/4VhwnXgbuGU?iv_load_policy=3" > </iframe>
7. Thuộc tính Controls

Thuộc tính này cho phép hiển thị hoặc không hiển thị thanh điều khiển của video. Mặc định mỗi video khi chèn vào thì thuộc tính controls=1, để tắt thuộc tính này bạn thêm đoạn code như sau:
<iframe WIDTH="700" HEIGHT="360" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen src="https://www.youtube.com/embed/4VhwnXgbuGU?controls=0" > </iframe>
Các bạn xem ví dụ:



Tuỳ chỉnh các thông số của video youtube khi chèn vào Blog Reviewed by tips.vn on Wednesday, September 12, 2018 Rating: 5 Phần 1 - Cách chèn video youtube vào Blog của bạn nhanh nhất  đã hướng dẫn các bạn cách chèn một video youtube vào website - blogspot bằng đ...

Labels:

[Blogger][carousel1]

No comments: