在 html 中嵌入 WMV 文件的问题答案

【问题标题】：Issues with embedding WMV files in html在 html 中嵌入 WMV 文件的问题
【发布时间】：2012-12-21 03:40:04
【问题描述】：

我有一个链接可以在我的网站上播放视频。当用户单击该视频链接时，嵌入该视频的 div 将弹出（不是弹出窗口，它使用 jquery BlockUI 显示隐藏的 div）。并且有一个关闭按钮，它将隐藏嵌入视频的div。

一切正常。但是视频并没有在关闭该 div 时停止。我能听到声音:(。我也想在关闭该视频时停止该声音。该怎么办。请做必要的

<OBJECT ID="MediaPlayers" WIDTH="400" HEIGHT="350" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject">
<PARAM NAME="FileName" VALUE="1.wmv">
<PARAM name="autostart" VALUE="false">
<PARAM name="ShowControls" VALUE="true">
<param name="ShowStatusBar" value="false">
<PARAM name="ShowDisplay" VALUE="false">
<EMBED TYPE="application/x-mplayer2" SRC="1.wmv" NAME="MediaPlayer"
WIDTH="400" HEIGHT="350" ShowControls="1" ShowStatusBar="0" ShowDisplay="0" autostart="0"> </EMBED>
</OBJECT>

【问题讨论】：

标签： php javascript html windows-media-player wmv

【解决方案1】：

关闭弹出窗口时尝试使用它。

document.getElementById("MediaPlayers").stop();

或者你可以使用另一个div来包装这个播放器，然后在打开弹出窗口时将你的html添加到innerHTML中，然后在关闭窗口时删除所有内容。喜欢

<div id="playerWrap">
    <OBJECT ID="MediaPlayers" ....
    .....
    </OBJECT>
</div>

javascript代码：

document.getElementById("palyerWrap").innerHTML = "";

http://www.htmlforums.com/multimedia-elements/t-accessing-mediaplayer-functionality-from-javascript-65899.html参考

【讨论】：

【解决方案2】：

如果您希望每个人都能观看您的视频，您应该使用 html5 视频标签。这不仅可以让您摆脱专有插件（Windows 媒体播放器）的意外行为，还可以让您接触到更广泛的设备，从而扩大受众群体。

我建议您将视频转换为 webm 格式并使用 jplayer 将其显示在您的网站上。

【讨论】：

另外，Video For Everybody 我真的很喜欢这个实现，因为它使用 HTML5 并且它包含了几个后备。