Question

使用新的YouTube嵌入代码视频无需Flash即可播放。但是，如果停用了Javascript，则视频将不再播放。

我想要的是优雅的方式来嵌入涵盖所有基础的YouTube视频：

Javascript on，with Flash
Javascript on，no Flash
没有Javascript，有Flash
没有Javascript，没有Flash

目前，我最好的结果来自于那些使用Javascript的新嵌入代码，那些没有的旧嵌入代码。这不包括那些没有Javascript或Flash的人。

是否有更简单的解决方案，或者我是否在正确的轨道上？

请参阅：http://carolineelisa.com/rkl/video_TITTB.html

代码段（iframe对没有Javascript的人隐藏）：

<iframe id="js-only" width="640" height="390" src="http://www.youtube.com/embed/z73ZKb50V3Y?rel=0" frameborder="0" allowfullscreen></iframe>
<noscript>
<object width="640" height="390">
  <param name="movie" value="http://www.youtube.com/v/z73ZKb50V3Y?fs=1&amp;hl=en_US">
  </param>
  <param name="allowFullScreen" value="true">
  </param>
  <param name="allowscriptaccess" value="always">
  </param>
  <embed src="http://www.youtube.com/v/z73ZKb50V3Y?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" width="640" height="390" allowscriptaccess="always" allowfullscreen="true"></embed>
</object>
</noscript>

谢谢！

Answer 1

我自己没有测试过，但the "Video for Everybody!"解决方案可能适合您。

首先尝试使用HTML5视频嵌入视频，但如果失败则尝试使用Flash。最后，如果Flash失败，那么它会提供视频链接，因此假设用户可以使用Quicktime，VLC等在浏览器中查看它。

“...自动不使用JavaScript或浏览器嗅探。”

Answer 2

检查此Q＆amp; A

Embed a YouTube video in HTML5 without Flash

@Delan Azabani已经回答了

根据http://apiblog.youtube.com/2010/07/new-way-to-embed-youtube-videos.html

您可以使用此类代码

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

替换 VIDEO_ID

使用或不使用Flash播放嵌入式YouTube视频，无论是否使用Javascript

2 个答案: