我在一页上有多个 JwPlayer 实例,使用选项卡式 div 切换。其中一个选项卡具有分配给 JwPlayer 的 HLS 文件,其他选项卡具有分配的 FLV 文件。第一次查看 HLS 选项卡并播放它时,它就像一个魅力,但是当我切换选项卡(显示:无 <> 显示:块)时,它返回不可播放源错误。
这种完全相同的行为不会导致 FLV 文件出错,来回切换选项卡和查看 FLV 不会产生问题。
<script type="text/javascript">
$(document).ready(function() {
var player_container0 = jwplayer('container0');
player_container0.setup({
file: 'http://samplescdn.origin.mediaservices.windows.net/e0e820ec-f6a2-4ea2-afe3-1eed4e06ab2c/AzureMediaServices_Overview.ism/manifest(format=m3u8-aapl-v3)',
type: 'hls',
width: '100%',
aspectratio: '16:9'
});
var player_container1 = jwplayer('container1');
player_container1.setup({
file: 'http://www.mediacollege.com/video-gallery/testclips/20051210-w50s.flv',
type: 'flv',
width: '100%',
aspectratio: '16:9'
});
});
</script>
我有一个Plunker设置来审查这种行为。
提前致谢 !