嵌入式播放器在远程浏览器中不起作用

Embedded player does not work in remote browser

本文关键字:浏览器 不起作用 播放器 嵌入式      更新时间:2023-09-26

我在我的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>

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

函数追加播放器标记的方式似乎不正确。您应该连接所有这些字符串。您确实有一条错误消息,打开浏览器的控制台,您将看到以下内容:

未捕获的语法错误:意外的令牌<</p>

我已经在这个摆弄你的代码上看到了这一点

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

    // 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);

试试这个,让我知道你是否能够跑。

这个小提琴显示它"有点"工作(.avi文件不存在,所以它不会播放,但它加载了播放器和所有内容)