html - Chrome 和 Opera 不播放应用程序/x-director 视频

Question

有一个包含嵌入式 youtube 视频的站点，其源代码是

<object width="300" height="200" 
   data="http://www.youtube.com/embed/G7S5GEp****" 
   type="application/x-director">
<param name="url" value="http://www.youtube.com/embed/G7S5GEp****" />
<param name="src" value="http://www.youtube.com/embed/G7S5GEp****" />
<param name="sound" value="true" /><param name="progress" value="true" />
<param name="autostart" value="true" />
<param name="swstretchstyle" value="none" />
<param name="swstretchhalign" value="none" />
<param name="swstretchvalign" value="none" /></object>

问题是 Opera 和 Chrome 不播放此视频，显示灰色屏幕，说明“不支持此插件”而不是视频。同时 IE 和 Mozilla Firefox 播放视频没有任何问题。我检查了两台不同 PC 上的视频和浏览器的行为。

我发现 应用程序/x-director 是 Adob​​e Shockwave Player 视频。所以我认为这是问题所在。但是，IE 和 Firefox 播放视频时我的 PC 上没有安装 Shockwave。我尝试安装 Shockwave，但 Chrome 和 Opera 在其 chrome://plugins 或 Opera://plugins 中看不到 Shockwave 插件，并且仍然无法播放视频。

然后我发现，当我使用 IE 或 Firefox 观看视频并用鼠标右键单击它时，我会看到写有“关于 html5 播放器”的菜单，当我转到该页面时，我会进入 youtube 页面解释html5 并检查我的浏览器是否支持 html5(我的浏览器是最新的并支持它)。

我还发现了 SO 问题 Embedding a shockwave file in HTML5它被告知我的视频的语法是 HTML5 语法:

<object data="..." type="application/x-director" ...></object>

所以我不明白我的视频是 Shockwave 视频还是 HTML5 视频？以及如何让 Chrome 和 Opera 正常播放？

正如我所见，默认情况下，许多浏览器无法播放此源代码。将 youtube 视频插入网站页面以使其被大多数浏览器正确播放的最佳方法是什么？ (据我了解，它应该是一个 html5 视频，因为许多浏览器倾向于停止支持 Adob​​e Flash 产品)？

如果能得到任何帮助，我将不胜感激。感谢您的关注!

Answer 1

What is the best way to insert a youtube video into a site page in order it to be played correctly by most browsers?

大多数浏览器都希望将视频文件放入视频标签中。由于您使用的是 Youtube，因此您有一个页面链接 (http) 而不是视频文件 (mp4)，因此您必须在 i-frame 中加载页面。当 Youtube 服务器看到该请求时，他们将返回该链接的视频播放器......

替换您显示的 <object>基于 <iframe> 的代码块版本...

<iframe width="300" height="200"
src="https://www.youtube.com/embed/G7S5GEp****">
</iframe>

还有关于...

application/x-director是他们的一个小错误，应该是application/x-shockwave .它很小，因为它不会阻止
机器运行...

<object>标签不适用于嵌入 http 链接。要嵌入 Flash 应用程序，请将指向 SWF 文件(Flash 的输出)的链接作为输入源。例如:如果 Android 应用程序可以嵌入到浏览器中，它们也会进入 <object>。在哪里 data="mysite/myapp.APK"...etc

使用 youtube.com/embed/给出 HTML5 基于播放器(用于 <iframe> 标签)，

使用 youtube.com/v/给出 闪基于播放器(用于 <object> 标签)。

对于 Flash，设置 width="300" height="200"对于来自另一台服务器的输入来说太小，它会被特别是 Chrome 阻止，因为它注意到它是横幅大小(Flash 广告被自动阻止)。必须至少有 width="800" height="600"否则这里唯一的解决方法是 Youtube SWF 应用程序(或任何其他 SWF)必须与您自己服务器中的 html 文件存在于同一文件夹中。