我如何将这个m3u8嵌入到jw播放器中

时间:2013-02-20 19:10:36

标签: jwplayer m3u8

这里的新手总是如此,如果你对我有耐心,我真的很感激。

现在我有了这个网址

http://213.202.73.8:1234/data/channels/ARENA1. m3u8

我想把它嵌入我的JW播放器,我有Jw Player 5& 6所以无论什么是最简单的,有人可以帮助一个兄弟,我需要嵌入什么代码,以便在可能的情况下在JW播放器上播放。

如果你能写出完整的代码,那么我可以理解,因为我在这里说了一个新手,但快速学习者哈哈。

干杯球员

更新:

好的,所以我有一个小小的小提琴,看了一眼后想出了这个代码:

<script type='text/javascript' src='jwplayer2/jwplayer.js'></script>

<div id='mediaplayer'></div>

<script type="text/javascript">
jwplayer('mediaplayer').setup({
'id': 'playerID',
'width': '480',
'height': '270',
'file': 'http://213.202.73.8:1234/data/channels/ARENA1. m3u8',
'image': '/thumbs/bunny.jpg',
'modes': [
{type: 'html5'},
{type: 'flash', src: 'player.swf'},
{type: 'download'}
]
});
</script>

因此它非常适用于safari,但不适用于chrome,IE或Firefox,任何关于原因的想法,当我点击这些浏览器的播放按钮时,没有任何事情只是在播放器中间没有加载定时器类型的东西并没有绕过它试图加载一些东西,但在播放器中没有任何内容。

干杯球员

更新2:

如果它是指向该网站的链接,则为:http://testersite.byethost22。 COM /的test.html

更新3:

我还尝试了另一个,这次它说“视频无法加载,因为服务器或网络失败或者因为格式不受支持:”http://video.popler.tv:554 / publish /4funtv/playlist.m3u8"

你可以在这里看到:http:// testersite.byethost22。 COM / U。 html它虽然在safari中说这个,与Chrome之前的问题相同但是现在当我点击Chrome中的播放器时它只是下载一个播放列表.m3u8

希望有人可以提供帮助,干杯

更新4:

好的,如果你去这里:http://testersite.byethost22.com/test5.html并尝试用一个idevice来玩它你会看到它完美无缺但在我的电脑上使用chrome,firefox它根本不起作用,我现在绝望了如果有人可以帮我把这个工作在chrome和firefox上我会很有意思,也是一个非常快乐的快乐男人!正如我所说的要好jwp5或jwp6所以只要它适用于chrome和firefox我真的不介意。 谢谢大家,请有人帮助大声笑,是的,我知道一些网址中的差距,但我必须这样做,因为我没有足够的声誉点发布超过2个链接。

2 个答案:

答案 0 :(得分:5)

您在这里使用的是JW Player 5,它不支持桌面上的HLS(M3U8)(在Flash中)。只有JW6 Premium支持此功能。这是一个演示 - http://www.longtailvideo.com/support/jw-player/29393/hls-adaptive-stream

更新,这是代码,它只适用于JW6 Premium:

<div id="myElement"></div>

<script>
    jwplayer("myElement").setup({
      image: "/uploads/myPoster.jpg",
      file: "/uploads/myManifest.m3u8",
    });
</script>

答案 1 :(得分:0)

实际上JW Player 6广告版支持M3U8并且它表示广告版但不显示广告,您将此播放器放在.html文件中或您希望此播放器播放您的直播流或m3u8播放列表的任何地方,这里是代码我编译:

<head>
    <style>*{margin:0;padding:0;}</style>
    <script data-cfasync="false" src="http://jwpsrv.com/library/SakQCEfSEeOHhRIxOQfUww.js"></script>
</head>
<body>
   <div id="playerjxJRqLMFuJaA_wrapper" style="position: relative; display: block; width: 100%; height: 490px;">
      <a id="beforeswfanchor0" href="#playerjxJRqLMFuJaA" tabindex="0" title="Flash start" style="border:0;clip:rect(0 0 0 0);display:block;height:1px;margin:-1px;outline:none;overflow:hidden;padding:0;position:absolute;width:1px;" data-related-swf="playerjxJRqLMFuJaA"></a>

      <object type="application/x-shockwave-flash" data="http://p.jwpcdn.com/6/12/jwplayer.flash.swf" width="100%" height="100%" bgcolor="#000000" id="playerjxJRqLMFuJaA" name="playerjxJRqLMFuJaA" class="jwswf swfPrev-beforeswfanchor0 swfNext-afterswfanchor0" tabindex="0">
         <param name="allowfullscreen" value="true">
         <param name="allowscriptaccess" value="always">
         <param name="seamlesstabbing" value="true">
         <param name="wmode" value="opaque">
       </object>

       <a id="afterswfanchor0" href="#playerjxJRqLMFuJaA" tabindex="0" title="Flash end" style="border:0;clip:rect(0 0 0 0);display:block;height:1px;margin:-1px;outline:none;overflow:hidden;padding:0;position:absolute;width:1px;" data-related-swf="playerjxJRqLMFuJaA"></a>

       <div id="playerjxJRqLMFuJaA_aspect" style="display: none;">
       </div>

       <div id="playerjxJRqLMFuJaA_jwpsrv" style="position: absolute; top: 0px; z-index: 10;"><div class="afs_ads" style="width: 1px; height: 1px; position: absolute; background: transparent;">&nbsp;
       </div>
    </div>

  <script data-cfasync="false" type="text/javascript">
    jwplayer('playerjxJRqLMFuJaA').setup({
    file: 'http://proxy-031.dc3.dailymotion.com/sec(11eb80ed8bb344d448fb7eff4cafbe08)/video/754/581/309185457_mp4_h264_aac_hd_hfr.m3u8',
    file: 'http://proxy-031.dc3.dailymotion.com/sec(11eb80ed8bb344d448fb7eff4cafbe08)/video/754/581/309185457_mp4_h264_aac_hd_hfr.m3u8',
        aboutlink: 'http://skysports.com',
        controls: 'true',
        title: 'Football Live Streamings.Com',
        width: '100%',
        height: '490',
        stretching: 'uniform',
        autostart: 'true',
        primary: 'flash',
        skin: 'vapor',
        androidhls: 'true',     
    });
  </script>

</body>