YouTube iframe在移动设备上嵌入了空白

时间:2014-04-04 10:07:41

标签: html5 flash mobile youtube embed

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

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

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

我是否使用了错误的网址,或者是否需要执行额外的操作才能正确嵌入视频?我注意到你也可以使用JavaScript进行iframe嵌入。

2 个答案:

答案 0 :(得分:9)

以下是您案件中发生的实际问题。

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

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

的HTML5播放器

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

答案 1 :(得分:0)

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

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