如何让 Silverlight 播放器在 Mediaelement.js 中工作？答案

【问题标题】：How do I get the Silverlight player to work in Mediaelement.js?如何让 Silverlight 播放器在 Mediaelement.js 中工作？
【发布时间】：2012-04-19 17:32:57
【问题描述】：

我想将 Silverlight 播放器添加到多编解码器支持 HTML 中的播放器列表中，因为除了其他支持的编解码器之外，我还想提供 WMV 文件，但我没有看到太多文档在网站上启用 Silverlight 版本，而不是通过 JavaScript 启动它。

我有点不知所措，因为我尝试了一些我在下面发布的内容的变体，但都没有成功。我已经查看了 mediaelement-and-player.js 源代码，但对于我需要在 HTML 中做些什么，我没有任何反应。有没有人对我需要做些什么来使基于 HTML 的 Silverlight 版本正常工作有任何建议/提示？

如果这不能通过 HTML 完成，那也没关系 - 但请提供一个清晰的示例。

非常感谢，吉姆

<video width="320" height="240" poster="poster.jpg" controls="controls" preload="none">
<!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->
<source type="video/mp4" src="myvideo.mp4" />
<!-- WebM/VP8 for Firefox4, Opera, and Chrome -->
<source type="video/webm" src="myvideo.webm" />
<!-- Ogg/Vorbis for older Firefox and Opera versions -->
<source type="video/ogg" src="myvideo.ogv" />
<!-- Optional: Add subtitles for each language -->
<track kind="subtitles" src="subtitles.srt" srclang="en" />
<!-- Optional: Add chapters -->
<track kind="chapters" src="chapters.srt" srclang="en" /> 
<!-- Flash fallback for non-HTML5 browsers without JavaScript -->
<object width="320" height="240" type="application/x-shockwave-flash" data="flashmediaelement.swf">
    <param name="movie" value="flashmediaelement.swf" />
    <param name="flashvars" value="controls=true&file=myvideo.mp4" />
    <!-- Image as a last resort -->
    <img src="myvideo.jpg" width="320" height="240" title="No video playback capabilities" />
</object>
<object width="320" height="240" type="application/x-silverlight-2" data="silverlightmediaelement.xap">
    <param name="movie" value="silverlightmediaelement.xap" />
    <param name="flashvars" value="controls=true&file=myvideo.wmv" />
    <!-- Image as a last resort -->
    <img src="myvideo.jpg" width="320" height="240" title="No video playback capabilities" />
</object>

【问题讨论】：

标签： mediaelement.js

【解决方案1】：

原来我需要指定文件的类型是 video/wmv。如果其他人遇到这种情况，您可能可以添加类似

 <source type="video/wmv" src="myvideo.wmv" />

到格式列表。

我正在使用 HTML 模板引擎 (Velocity) 并动态输入类型，因此每个人的视频最终可能会略有不同。

【讨论】：

使用 mejs 时要记住的几件事（我发现这很难）...如果浏览器不支持<video>，并且您没有 Flash /silverlight，然后它使用海报创建文件的链接。那好极了。不幸的是，如果浏览器确实支持<video>，并且您没有闪光灯/silverlight，那么它会显示一个带有白色链接的大黑框来下载文件。我不是说你需要一个插件。我正在浏览 js，看看是否可以添加一些功能。
可能值得注意的是，wmv的mime类型实际上是video/x-ms-wmv。我不确定他们为什么在 javascript 中使用video/wmv。
显然，带有小链接的黑框是由<video> 没有width 或height 属性引起的。鉴于您不应该使用这些属性来支持 CSS，这有点令人惊讶。我发现defaultVideoWidth 或videoWidth 的javascript 选项都不会显示海报（因此，itty-bitty 链接）。我还没有找到另一种方法来完成这项工作。
@doubleJ ：您所要做的就是在您的样式表中为不能播放的 div 设置一条规则。它有一个类。哦，如果你想要一个关于需要插件的消息，你可以在 MediaElement.js 错误回调中添加它。