Làm cho URL youtube.com/embed hoạt động trên iOS

Question

Đối với một video nhất định trên YouTube, bạn có thể truy cập http://youtube.com/watch?v=[code] trên mọi thiết bị iOS để xem video.

Tuy nhiên, nếu bạn sử dụng URL http://youtube.com/embed/[code] - ví dụ: trong iframe trên trang hoặc trong phương thức Colorbox - nó sẽ không phát trên iOS.

Ví dụ, nếu bạn sử dụng mã như thế này:

<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0"> 

Bạn chỉ cần thấy một lỗi:

Your browser does not currently recognize any of the video formats available. Click here to visit our frequently asked questions about HTML5 video.

Để thêm sự xúc phạm đến chấn thương, liên kết không phải là có thể click vào iOS, vì vậy tôi không biết trang nào sẽ đến. Có một số HTML5 page on YouTube, nhưng nó không có gì đặc biệt hữu ích hoặc gây ngạc nhiên.

Có cú pháp có thể được nhúng cho khung nội tuyến hoạt động như mong đợi trên iOS không?

Answer 1

Hãy thử điều này, nó chỉ hoạt động:

<object> 
    <param name="movie" value="http://www.youtube.com/v/[VIDEO_ID]"></param> 
    <embed src="http://www.youtube.com/v/[VIDEO_ID]" type="application/x-shockwave-flash"></embed> 
</object> 

Sửa: Nó hoạt động bởi vì Apple thay thế các thẻ html với một máy nghe nhạc phim bản địa nhúng có thể chơi video youtube.

Answer 2

Cân nhắc sử dụng MediaElement.js. Nó có thể bọc video youtube để hiển thị dưới dạng html5 trên ios, với dự phòng flash cho các loại thiết bị/trình duyệt khác.

Một trong những bản demo được cung cấp cùng với nguồn lãm này, và nó khá đơn giản:

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

<script> 
    $('video').mediaelementplayer({ 
     success: function(media, node, player) { 
      $('#' + node.id + '-mode').html('mode: ' + media.pluginType); 
    } 
    }); 
</script>