Các <video>từ khóa có nghĩa là để tải trong một đoạn video của một định dạng được hỗ trợ (có thể khác tùy theo từng trình duyệt).
Liên kết nhúng YouTube không chỉ là video, chúng thường là các trang web chứa logic để phát hiện những gì người dùng của bạn hỗ trợ và cách họ có thể phát video youtube, sử dụng HTML5 hoặc flash, hoặc một số plugin khác dựa trên những gì có sẵn trên PC của người dùng. Đây là lý do tại sao bạn gặp khó khăn khi sử dụng thẻ video với video youtube.
YouTube cung cấp API nhà phát triển để nhúng video youtube vào trang của bạn.
Tôi đã tạo JSFiddle làm ví dụ trực tiếp: http://jsfiddle.net/zub16fgt/
Và bạn có thể đọc thêm về API YouTube tại đây: https://developers.google.com/youtube/iframe_api_reference#Getting_Started
Mã cũng có thể được tìm thấy bên dưới
Trong HTML của bạn:
<div id="player"></div>
Trong Javascript của bạn:
var onPlayerReady = function(event) {
event.target.playVideo();
};
// The first argument of YT.Player is an HTML element ID.
// YouTube API will replace my <div id="player"> tag
// with an iframe containing the youtube video.
var player = new YT.Player('player', {
height: 320,
width: 400,
videoId : '6Dc1C77nra4',
events : {
'onReady' : onPlayerReady
}
});