0

サーバー上にある *.avi ファイルを再生するために、Web プロジェクト (jsp) に埋め込まれた wmv プレーヤーを使用しています。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>

ウェブ上で上記のスクリプトを見つけましたが、解決策が見つかりませんでした。

4

1 に答える 1

1

関数がプレーヤーのマークアップを追加する方法が正しくないようです。これらすべての文字列を連結する必要があります。エラー メッセージが表示されます。ブラウザのコンソールを開くと、次のように表示されます。

キャッチされていない SyntaxError: 予期しないトークン <

あなたのコードのこのフィドルでこれを見ました

古いプロジェクトで使用したサンプル メソッドを次に示します。

    // 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ファイルが存在しないため、再生されませんが、プレーヤーとすべてがロードされます）

于 2012-05-03T18:21:20.460 に答える