2012-05-28 79 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") }); 
    }); 
    //]]>