[Hỏi đáp] Sử dụng HTML5 để biến Youtube thành nguồn video

Trang này có đề cập đến việc dùng HTML5, lấy Url bình thường của Youtube làm nguồn.

Code thiêt lập

Code:

<script src="jquery.js"></script>
<script src="mediaelement-and-player.min.js"></script>
<link rel="stylesheet" href="mediaelementplayer.css" />

Code dùng fat video

Code:

<video width="640" height="360" id="player1" preload="none">
    <source type="video/youtube" src="http://www.youtube.com/watch?v=nOEw9iiopwI" />
</video>

Liệu cái này có áp dụng được với FM, và cáx thưc đúng như thế nào? Cảm ơn!

Trong fm thì mặc định nhúng video youtube bằng embed nên nó chỉ có thể chơi ở dạng flash. Theo mình thì tốt nhất là kiến nghị fm chuyển sang kiểu nhúng iframe, nó sẽ tự cập nhật sang HTML5.

Như trang bạn đưa thì vẫn là dùng Youtube API thôi, nếu dùng nó thì ngoài bước nhúng iframe còn phải tải thêm Youtube API, rồi tải thêm cái plugin đấy nữa. Tốn thêm 2 bước để làm màu mè nó khác đi chút, trang tải chậm hơn chút chứ không có lợi gì hơn.

Trong lúc fm chưa chuyển đổi thì bạn có thể dùng cách: Đặt link video Youtube vào bài viết, rồi dùng js để chuyển link đó sang dạng iframe. Code như sau:

Code:

$(function() {
   $('a[href*="://www.youtube.com/watch"]').replaceWith(function() {
      return '<iframe width="560" height="315" src="https://www.youtube.com/embed/' + this.href.match(/(\?|\&)v=([_\w]{11})/)[2] + '" frameborder="0" allowfullscreen></iframe>';
   });
});