我正在一个简单的iframe上嵌入YouTube视频,该网站将在移动设备和桌面设备上进行查看 . 我用来嵌入视频的代码是这样的:
<iframe src="https://www.youtube.com/v/VIDEO_ID"></iframe>
我的印象是,如果Flash不可用,将提供HTML5播放器,但是当我在移动设备上调试此视频时,视频将在Flash中提供并且无法正常工作 .
我使用的是错误的网址,还是需要做一些额外的事情才能正确嵌入视频?我注意到你也可以使用JavaScript进行iframe嵌入 .
2 回答
这是您的案例中发生的实际问题 .
当您使用以下代码
<iframe src="https://www.youtube.com/v/VIDEO_ID"></iframe>
嵌入YouTube视频时,实际上会加载Flash播放器 . 在这种情况下,您的手机不支持闪光灯 .要解决此问题,您可以使用具有以下结构的HTML5播放器
<iframe src="https://www.youtube.com/embed/VIDEO_ID"></iframe>
您可以使用此youtube code generator生成自定义播放器嵌入代码 .
不知怎的,我最终使用了错误的URL,对于iframe嵌入你必须使用:
http://www.youtube.com/embed/VIDEO_ID
https://developers.google.com/youtube/iframe_api_reference