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

标签 html flash mobile youtube embed

我正在一个网站上做一个简单的 iframe 嵌入 YouTube 视频,该网站将在移动设备和桌面上查看。我用来嵌入视频的代码是这样的:
<iframe src="https://www.youtube.com/v/VIDEO_ID"></iframe>
我的印象是,如果 Flash 不可用,则会提供 HTML5 播放器,但是当我在移动设备上调试它时,视频是在 Flash 中提供的并且无法正常工作。

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

最佳答案

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

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

要解决此问题,您可以使用具有以下结构的 HTML5 播放器 <iframe src="https://www.youtube.com/embed/VIDEO_ID"></iframe>
你可以用这个youtube code generator用于生成自定义播放器嵌入代码。

关于html - YouTube iframe 在移动设备上嵌入空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22859752/

相关文章:

FlashLite 2.x/3.0 跨域策略文件

javascript - 按钮和切换开关在移动浏览器中不起作用

python - 从flask调用的sqlite db仅返回变量,而不返回值

html - Divs CSS 的倾斜背景图像

javascript - 如何针对倒数第二个 child 的 child ?

javascript - 如何使用 jquery 访问内联 css 样式属性并更改 DOM 中的属性?

html - 如何跨多个 HTML 页面播放背景音频。?

java - javascript中大量数据的高性能图表

iphone - 多移动设备应用架构

android - Phonegap/Converting 移动网站