【问题标题】:Jwplayer quality toggle for wowza vodwowza vod 的 Jwplayer 质量切换
【发布时间】:2015-03-23 09:21:09
【问题描述】:

我正在尝试为 wowza 视频点播 (vod) 网站的 jwplayer 添加质量切换器,但它不起作用:

<div id='player_preview' style='float:left;'> 
    <video id='video_tag' width='750'height='400' controls autoplay> 
    <source src='video_path/mp4:720_faddi.mp4/playlist.m3u8' type='video/mp4'> 
    </video>
</div> 
<script type='text/javascript'> 
if (navigator.userAgent.match(/Android/i) &&   navigator.userAgent.match(/Firefox/i) ) 
{ document.getElementById('android_firefox').style.display = ''; 
 document.getElementById('video_tag').style.display = 'none'; 
} 

    jwplayer("player_preview").setup({
          image: "/uploads/myPoster.jpg",
          sources: [{
            file: "rtmp://video_path//mp4:720_faddi.mp4",
            label: "720p HD"
          },{
            file: "rtmp://video_path//mp4:480_faddi.mp4",
            label: "480p HD"
          }],
          height: 400, 
          width: 750, 
        });
</script> 

视频点播还有其他设置吗?

【问题讨论】:

    标签: video jwplayer wowza


    【解决方案1】:

    解决的人

    错误是没有 video.smil 文件。 我已经创建了它,现在它正在工作。 video.smil 文件应该是这样的:

    <smil>
    <head>
    <meta base="rtmp://server_ip/" />
    </head>
    <body>
    <switch>
      <video src="720_faddi.mp4" height="720" system-bitrate="2000000" width="1280" />
      <video src="360_faddi.mp4" height="360" system-bitrate="800000" width="640" />
      <video src="240_faddi.mp4" height="240" system-bitrate="300000" width="426" />
    </switch>
    </body>
    </smil>
    

    最后的代码会是这样的:

    <script type='text/javascript' src='/jwplayer.js'></script>
    <div id='player_preview' style='float:left;'> 
    <video id='video_tag' width='560'height='400' controls autoplay> 
    <source src='http://server_ip/vod/smil:example.smil/playlist.m3u8' type='video/mp4'> 
    
    </video> 
    </div> 
    <script type='text/javascript'> 
    if (navigator.userAgent.match(/Android/i) && navigator.userAgent.match(/Firefox/i) ) 
    { document.getElementById('android_firefox').style.display = ''; 
     document.getElementById('video_tag').style.display = 'none'; 
    } 
    jwplayer('player_preview').setup({ 
    playlist: [{ 
      sources: [ 
       {file:'http://server_ip/vod//smil:example.smil/jwplayer.smil',}, 
       {file:'http://server_ip/vod//smil:example.smil/jwplayer.smil/playlist.m3u8'} 
      ] 
     }], 
     height: 400, 
     width: 560, 
     fallback: false, 
     repeat: true, 
     autostart: true, 
     primary: 'flash', 
     stretching: 'uniform' 
     }); 
    </script> 
    

    【讨论】:

    • 太好了,很高兴你得到它!
    猜你喜欢
    • 2015-11-04
    • 1970-01-01
    • 1970-01-01
    • 2017-11-17
    • 2013-01-21
    • 1970-01-01
    • 1970-01-01
    • 2013-11-20
    • 2014-09-07
    相关资源
    最近更新 更多