【问题标题】:YouTube iframe Embed Blank On MobileYouTube iframe 在移动设备上嵌入空白
【发布时间】:2014-04-04 10:07:40
【问题描述】:

我正在一个网站上做一个简单的 iframe 嵌入 YouTube 视频,该网站将在移动设备和桌面设备上观看。我用来嵌入视频的代码是这样的:

<iframe src="https://www.youtube.com/v/VIDEO_ID"></iframe>

我的印象是,如果 Flash 不可用,则会提供 HTML5 播放器,但是当我在移动设备上调试时,视频是在 Flash 中提供的并且无法正常工作。

是我使用了错误的 URL,还是需要做额外的事情才能正确嵌入视频?我注意到您也可以使用 JavaScript 进行 iframe 嵌入。

【问题讨论】:

    标签: html flash mobile youtube embed


    【解决方案1】:

    这是您的案例中发生的实际问题。

    当您使用以下代码嵌入 youtube 视频时<iframe src="https://www.youtube.com/v/VIDEO_ID"></iframe> 实际上加载了一个 Flash 播放器。在这种情况下,您的手机不支持 Flash。

    要解决此问题,您可以使用具有以下结构的 HTML5 播放器<iframe src="https://www.youtube.com/embed/VIDEO_ID"></iframe>

    您可以使用此youtube code generator 生成自定义播放器嵌入代码。

    【讨论】:

    【解决方案2】:

    不知何故,我最终使用了错误的 URL,对于 iframe 嵌入,您必须使用:http://www.youtube.com/embed/VIDEO_ID

    https://developers.google.com/youtube/iframe_api_reference

    【讨论】:

      猜你喜欢
      • 2018-02-03
      • 2015-02-18
      • 1970-01-01
      • 1970-01-01
      • 2018-01-06
      • 2018-11-05
      • 2011-11-08
      • 1970-01-01
      • 2020-01-13
      相关资源
      最近更新 更多