嵌入式播放器无法在远程浏览器中运行

时间:2012-05-03 17:26:14

标签: javascript jsp video-streaming wmv embedded-video

我在我的web项目(jsp)中使用嵌入式wmv播放器来播放位于服务器上的* .avi文件。当我点击jsp中的链接时,它们工作正常,视频正在播放。

但是当我尝试在另一台机器上打开页面时,嵌入式播放器无法正常工作,而是从服务器下载文件。

这是我使用的代码

<script type="text/javascript">
function play(media){
document.getElementById('mediaplayer').innerHTML=
'<object classid="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95"'
'type="application/x-oleobject" width="320" height="285">'
'<param name="showControls" value="false">'
'<param name="fileName" value="'media '">'
'<embed type="application/x-mplayer2" width="320" height="285"'
'showcontrols="false" src="'media '"><\/embed><\/object>'
}
</script>
<div id="mediaplayer"></div>
<ul id="menu">
<li><a onclick="play(this.href);return false" href="http://www.myurlname/afghan.avi">Source 1</a></li>
</ul>

在网上找到了上面的脚本,但无法找到解决方案。

1 个答案:

答案 0 :(得分:1)

你的功能附加玩家标记的方式似乎不正确。你应该连接所有这些字符串。你有一条错误信息,打开浏览器的控制台,你会看到:

  

未捕获的SyntaxError:意外的标记&lt;

我在this上看到了你的代码

这是我在旧项目中使用的示例方法:

    // this requires jquery
    var MediaLink_Click = function (e) {

        var mp = document.getElementById('mediaPlayer');
        if ((null !== mp) && (undefined !== mp)) {
            if ((null != mp.contentDocument) && (undefined !== mp.contentDocument)) {
                $("object").each(function () {
                    this.contentDocument.controls.stop();
                });
            }
            $(mp).remove();
        }

        var oeTags = '<object id="mediaPlayer" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="640px" height="480px"'
                    + 'codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"'
                    + 'standby="Loading Microsoft Windows Media Player components..."'
                    + 'type="application/x-oleobject">'
                    + '   <param name="autoStart" value="true"/>'
                    + '   <param name="url"       value="' + e.data.media_path + '" />'
                    + '   <param name="wmode"     value="transparent" />'
                    + '   <param name="uiMode"    value="full" />'
                    + '   <param name="loop"      value="false" />'
                    + '   <embed id       ="EmbedmediaPlayer"'
                    + '       type        ="application/x-mplayer2"'
                    + '       src         ="' + e.data.media_path + '"'
                    + '       width       ="640"'
                    + '       height      ="480">'
                    + '   </embed>'
                    + '</object>';
        $("#mediaplayer").html(oeTags); 
    }; 

请注意,我在每行之前使用加号(+)连接字符串。 你可以像这样使用它:

$("a").bind("click", { media_path: "path to your file goes here" }, MediaLink_Click);

试试这个并告诉我你是否能够跑步。

This fiddle显示它“有点”工作(.avi文件不存在因此它不会播放,但会加载播放器和所有内容)