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ụ:

Rate this post

DienDan.Edu.Vn Cám ơn bạn đã quan tâm và rất vui vì bài viết đã đem lại thông tin hữu ích cho bạn.
DienDan.Edu.Vn! là một website với tiêu chí chia sẻ thông tin,... Bạn có thể nhận xét, bổ sung hay yêu cầu hướng dẫn liên quan đến bài viết. Vậy nên đề nghị các bạn cũng không quảng cáo trong comment này ngoại trừ trong chính phần tên của bạn.
Cám ơn.