埋め込みプレーヤーがリモートブラウザで動作しない

Question

私は、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> 

を使用したコードでは、Web上で上記のスクリプトを見つけたが、それのための解決策を見つけるcouldntの。

Answer 1

あなたの関数がプレーヤーのマークアップを付加する方法が間違っているようです。これらすべての文字列を連結する必要があります。あなたのエラーメッセージを持っている、ブラウザのコンソールを開き、あなたは、この表示されます：私はあなたのコード

でthisフィドルでこれを見てきました

Uncaught SyntaxError: Unexpected token <

をここで私は古いで使用するサンプルの方法がありますプロジェクト：

// 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は、それが「ちょっと」