2012-05-28 77 views
0

我使用Google搜索,並發現jPlayer通過網絡播放視頻內容。但jPlayer不播放.flv(flash視頻)文件。我爲SWF播放器正確地提到了路徑。它位於js文件夾內,js文件夾與我的example.html代碼文件位於同一個槓桿。我的代碼是example.html的如何使用jPlayer播放flv文件?

$("#jquery_jplayer_1").jPlayer({ 
     ready: function() { 
      $(this).jPlayer("setMedia", { 
      m4v: "media/royalrumble.mp4", 
      flv: "media/royalrumble.flv", 
      poster: "media/royalrumble.jpg" 
     }); 
    }, 
    swfPath: "js", 
    supplied: "m4v, flv" 
}); 
+0

也許你應該找到你需要在jplayer的支持頁面[這裏](HTTP什麼://www.jplayer.org/support/) – agriboz

回答

0

下面的代碼爲我工作

$("#jquery_jplayer_1").jPlayer({ 
     ready: function() { 
     $(this).jPlayer("setMedia", { 
      m4v: "../media/royalrumble.mp4", 
      flv: "../media/royalrumble.flv", 
      poster: "media/royalrumble.jpg" 
     }); 
    }, 
    swfPath: "js", 
    supplied: "m4v, flv", 
}); 

我不知道爲什麼下面?媒體目錄在我的代碼存在的地方。它仍然不接受

m4v: "media/royalrumble.mp4", 
flv: "media/royalrumble.flv", 

m4v: "../media/royalrumble.mp4", 
flv: "../media/royalrumble.flv", 

工作的罰款。

這意味着提供的路徑應該相對於jPlayer.swf文件。

+1

您提供的路徑應與我想象的swf文件位置相關,在本例中爲js文件夾。 – Salman

+0

@Salman是的,你是對的。謝謝。 :) –

0

希望它的確定,我只是添加一些信息,BC。我在IE中遇到了同樣的問題,但發現了修復網頁的問題。

可以看到,有很多有問題的IE瀏覽器和「媒體URL無法加載」後,我發現,如果我使用FLV FIL IE瀏覽器,並做了../到路徑,然後它將適用於IE。

所以我開始這個。

<script type="text/javascript"> 
     //<![CDATA[ 
     $(document).ready(function() { 

      $("#jquery_jplayer_1").jPlayer({ 
       ready: function() { 
        $(this).jPlayer("setMedia", { 
         mp4: "video/Soccer.mp4", 
         webmv: "video/Soccer.webm", 
         flv: "video/Soccer.flv", 
         m4v: "video/Soccer.m4v", 
         ogv: "video/Soccer.ogv", 
         poster: "video/Soccer.png" 
        }); 
       }, 
       //error: function (event) { 
        // console.log(event.jPlayer.error); 
        // console.log(event.jPlayer.error.type); 
       //}, 
       swfPath: "add/jplayer.swf", 
       errorAlerts: true, 
       supplied: "mp4, webmv, flv, m4v, ogv", 
       solution: "html,flash", 
       size: { 
        width: "640px", 
        height: "360px", 
        cssClass: "jp-video-360p" 
       }, 
       smoothPlayBar: true, 
       keyEnabled: true 
      }); 


      $("#jplayer_inspector").jPlayerInspector({ jPlayer: $("#jquery_jplayer_1") }); 
     }); 
     //]]> 
</script> 

而這不是在IE瀏覽器,但在FF和Safari,iPhone/iPad的工作。 並結束了這一點,這就是工作在FF,Safari瀏覽器,IE瀏覽器和iPhone/iPad的100%......

<script type="text/javascript"> 
    //<![CDATA[ 
    $(document).ready(function() { 

     $("#jquery_jplayer_1").jPlayer({ 
      ready: function() { 
       $(this).jPlayer("setMedia", {   
        mp4: "video/Soccer.mp4", 
        webmv: "video/Soccer.webm", //WEBM. works for FF 
        flv: "../video/Soccer.flv", //FLV. works for IE, but u need ../ in front of the path... 
        m4v: "video/Soccer.m4v", //M4V. works for FF, Saf, iPhone/iPad 
        ogv: "video/Soccer.ogv",     
        poster: "video/Soccer.png" 
       }); 
      }, 
      //error: function (event) { 
       // console.log(event.jPlayer.error); 
       // console.log(event.jPlayer.error.type); 
      //}, 
      swfPath: "add/jplayer.swf", 
      errorAlerts: true, 
      supplied: "mp4, webmv, flv, m4v, ogv", 
      solution: "html,flash", 
      size: { 
       width: "640px", 
       height: "360px", 
       cssClass: "jp-video-360p" 
      }, 
      smoothPlayBar: true, 
      keyEnabled: true 
     }); 


     $("#jplayer_inspector").jPlayerInspector({ jPlayer: $("#jquery_jplayer_1") }); 
    }); 
    //]]>