Hướng dẫn tùy chỉnh các thiết lập mã nhúng (Embed) của Youtube.

Chắc bạn không lạ gì về Youtube mạng chia sẻ video lớn nhất toàn cầu, và chắc bạn cũng không lạ gì cách để nhúm một clip yêu thích trên Youtube vào website hay trang blog của mình, nhưng có biết còn có một số thông số tùy chỉnh khác trên mã nhúng này, với nó bạn sẽ có nhiều lựa chọn tùy chỉnh mã nhúng (embeb) phù hợp hơn cho website của bạn và giúp tăng lượt view trên website hoặc blog của bạn, bài viết này mình xin với thiệu cách thiết lập, tùy chỉnh các thông số nhúng video của youtube.



Thiết lập chế độ chạy (auto play):

You có hỗ trợ thiết lập chế độ tự chạy video nhúm khi trang web chứa video được load thì video sẽ tự động chạy mà không cần thiết phải nhấn nút play.
<iframe src="https://www.youtube.com/embed/bx3s99FNXzI?autoplay=1" frameborder="0" allowfullscreen width="480" height="360" ></iframe>
Bạn có thể thiết lập chế độ tự động, không tự động chạy video bằng cách sử dụng 1 trong 2 giá trị bên dưới:
  • autoplay=0: Giá trị mặc định, không tự chạy video
  • autoplay=1: Tự động chơi (auto play) video 


Thiết lập chế độ hiển thị video liên quan hay tương tự (rel):

Nếu bạn để ý khi kết thúc video bạn sẽ thấy một loạt các video khác gợi ý cho bạn các video tương tự với video bạn vừa xem xong, tính ra thì cũng không có ý, tuy nhiên một vài nhà phát triển web hoặc blogger không mong muốn hiển thị các video đó trên website của mình vì thế họ sẽ sử dụng thiết lập này.
<iframe src="https://www.youtube.com/embed/bx3s99FNXzI?rel=0" frameborder="0" allowfullscreen width="480" height="360" ></iframe>
Tương tự như chế độ auto play ta cũng có hai thông số để thiết lập chức năng này:
  • rel=0: dùng để tắt chế độ hiện thị video liên quan.
  • rel=1: dùng để bật chế độ hiển thị video liên quan. (giá trị mặc định)


Thiếp lập chế độ hiện thị người đăng tải (upload) video (showinfo):

Đây là chế độ hiển thị thông tin người đã upload video mà bạn đã chia sẻ lên, có thể là chính bạn :)) khi bắt đầu load video thông tin này sẽ được hiển thị và mất dần đi.
<iframe src="https://www.youtube.com/embed/bx3s99FNXzI?showinfo=0" frameborder="0" allowfullscreen width="480" height="360" ></iframe>
Thiết lập này của có hai thông số để tắt và bật:
  • showinfo=0: dùng để tắt chế độ hiển thị thông tin người upload video.
  • showinfo=1: dúng để bật chế độ hiển thị thông tin người upload video.


Thiết lập thanh công cụ chơi nhạc của Youtube (controls):

Youtube cũng có phép bạn ẩn hoặc hiện thanh cụ chơi nhạc với người dụng, và một thông số cải thiện hiệu xuất sử dụng của thông công cụ.
<iframe src="https://www.youtube.com/embed/bx3s99FNXzI?controls=2" frameborder="0" allowfullscreen width="480" height="360" ></iframe>
Như mình đã trình bày ở trên có 3 thông số để thiết lập thông số này:
  • controls=0: nhấn play hoặc pause trực tiếp video và không hiển thị thanh công cụ chơi video.
  • controls=1: hiển thị công cụ chơi video như bình thường (mặc định).
  • controls=2: cái này thì không rõ lắm theo chú Youtube thì nó cung cấp một hiệu suất tốt hơn khi sử dụng thanh công cụ chơi video, tuy nhiên kèm theo một cái ghi chú nhỏ là trong suốt với người dùng, ý là người dùng chả thấy sự khác biệt gì hết giữa thông số 1 và 2.


Thiết lập chế độ hiển thị logo của Youtube (modestbranding):

Đây là một thiết lập thể hiện sự thân thiện và không ràng buộc của Youtube với người sử dụng, nó cho phép bạn thiết lập hiển thị logo của Youtube trên Video mà đã nhúng vào website hay không.
<iframe src="https://www.youtube.com/embed/bx3s99FNXzI?modestbranding=1" frameborder="0" allowfullscreen width="480" height="360" ></iframe>
Thiết lập này cũng có hai chế độ:
  • modestbranding=0: hiển thị logo Youtube trên video nhúng. (mặc định)
  • modestbranding=1: không hiển thị logo Youtube trên video nhúng.


Thiết lập chế độ chú thích của Video (cc_load_policy):

Theo thông tin từ Youtube thì thiết lập này cho phép ẩn hiện phụ đề của video nhúng tuy nhiên mình đã test thử chả hiểu seo không linh, hỏi Google cũng một số người bị y chang mà không có lời giải đáp, bạn nào biết thì chia sẻ với mình nhé.
<iframe allowfullscreen="" frameborder="0" height="360" src="https://www.youtube.com/embed/q3RWIjn9NDY?cc_load_policy=1" width="480"></iframe>
Thiết lập này cũng có hai chế để để tắt và mở:
  • cc_load_policy=0: hiển thị phụ đề của video nhúng.
  • cc_load_policy=1: ẩn phụ đề của video nhúng.


Thiết lập chế độ Video nhận phản hồi từ bản phím (disablekb):

Nói thật mình cũng chả biết chức năng là cái gì, test mãi chả hiểu nổi, bạn nào biết thì giải thích giúp nhé.
<iframe src="https://www.youtube.com/embed/bx3s99FNXzI?disablekb=1" frameborder="0" allowfullscreen width="480" height="360" ></iframe>
Thiết lập này cũng có hai chế để để tắt và mở:
  • disablekb=0: Tắt tinh năng nhận phản hồi(mặc định).
  • disablekb=1: Cho phép nhận phản hồi các sự kiện từ bàn phím


Thiết lập chế độ chú thích trong Video (iv_load_policy):

Bạn để ý trên màn hình một số video sẽ có nhưng đoạn chú thích để trong khung, các Video từ các upload quảng cáo thường hay lợi dụng để quảng cáo kiểu như "nghe nhạc hay nhát tại", "xem phim mới tại.", Youtube có cung cấp một thiết lập để loại bỏ các chú thích này.
<iframe src="https://www.youtube.com/embed/q3RWIjn9NDY?iv_load_policy=3" frameborder="0" allowfullscreen width="480" height="360" ></iframe>
Thiết lập có hai thông số để tắt và mở:
  • iv_load_policy=1: chú thích kèm theo video sẽ được hiển thị (mặc định).
  • iv_load_policy=3: chú thích kèm thoe video sẽ không được hiển thị.


Thiết lập thời điểm dừng cho Video (end):

Một thích lập khá thú vị, tại seo khá thú vị bởi vì mình không nghĩ ra được nó dùng để làm gì trong tế, chức năng này sẽ phép bạn sáng định thời gian Video sẽ dừng lại không chiếu tiếp nữa, tuy nhiên nên bạn nhấn Reply lại hoặc click vào thanh thời gian video bạn sẽ vẫn tiếp tục xem được video này.
<iframe src="https://www.youtube.com/embed/q3RWIjn9NDY?end=10" frameborder="0" allowfullscreen width="570" height="315" ></iframe>
Trong mã nhúng trên tôi sử dụng thông số "end=10" tức là sau 10s (thời gian thiết lập tính bằng giây) thì video này sẽ kết thúc.


Thiết lập chế độ hiển thị toàn màn hình (fs - full screen)

Đây là chế độ cho phép bạn thiết video nhúng có được phép hiển thị hay không hiển thị chế độ xem video toàn mình, cụ thể nó sẽ ẩn hiện nụt Full Screen trên thanh chơi video.
<iframe src="https://www.youtube.com/embed/q3RWIjn9NDY?fs=0" frameborder="0" allowfullscreen width="480" height="360" ></iframe>
Thiết lập có hai thông số để thiết lập tắt và mở chế độ xem video toàn màn hình:
  • fs=0: không thể hiển chế độ xem toàn màn hình trên Video.
  • fs=1: cho phép hiển thị chế độ xem toàn màn hình trên Video.


Thiết lập chế độ tự động lập lại Video sau khi kết thúc (loop):

Đây là chế độ cho phép bạn thiết lập video nhúng có được lập lại một cách tự động sau khi load xong hay không.
<iframe allowfullscreen="" frameborder="0" height="360" src="https://www.youtube.com/embed/q3RWIjn9NDY?loop=1" width="480"></iframe>
Có hai thông số cho chế độ thiết lập này:
  • loop=0: không cho phép chế độ tự động lập lại video (mặc định).
  • loop=1: cho phép chế độ tự động lập lại video.


Kết hợp các thiết lập video:

Bạn hoàn toàn có thể kết hợp các thiết lập trên lại với nhau bằng dấu và phân cách giữa các thiết lập như vi dụ bên dưới để đạt được hiệu quả mà bạn mong muốn video có khi hiển thị trên website hay trang blog của bạn.
<iframe src="https://www.youtube.com/embed/q3RWIjn9NDY?fs=0&loop=1" frameborder="0" allowfullscreen width="480" height="360" ></iframe>



Writer: +Bui Ngoc Son












No comments:

Post a Comment