背景
我有一个JWplayer设置,它使用SMIL文件列出RTMP流的多个源。 HTML5播放的源列表(不支持RTMP)不包含在SMIL文件中。
问题
在Flash模式下播放时,视频会启动并自动选择一个来源,然后才能正常工作。但是当您手动更改源时,加载图标将永久显示,并且播放永远不会开始。我确保每个源都是通过运行播放器来运行的,每个源集都是唯一的选项,这很好。
在HTML5播放期间不会发生此问题。
链接 http://www.streaming.co.uk/sam/homepagevids/coventry.htm
源代码
Javascript设置
<script type="text/javascript">
$(document).ready(JSetup());
function JSetup()
{
jwplayer("player").setup
({
image: "http://hml.helixmedialibrary.net/thumbnails/71654317.jpg",
sources:
[
{ file: "SMIL/Coventry.smil"},
{ file: "http://helix.helixmedialibrary.net/flash/71654317_hi.mp4", label: "high" },
{ file: "http://helix.helixmedialibrary.net/flash/71654317_lo.mp4", label: "low" },
{ file: "http://helix.helixmedialibrary.net/flash/71654317_hi.mp4", label: "256k"}
],
abouttext: "Andy Syson Interview",
primary: "flash",
width: "573",
height: "410"
});
}
</script>
SMIL设置
<smil>
<head>
<meta base="rtmp://helix.helixmedialibrary.net/flash"/>
</head>
<body>
<switch>
<video src="mp4:71654317_hd.mp4" system-bitrate="128" width="960" height="720" />
<video src="mp4:71654317_hi.mp4" system-bitrate="128" width="480" height="480" />
<video src="mp4:71654317_lo.mp4" system-bitrate="48" width="240" height="240" />
</switch>
</body>
</smil>
发生了什么以及如何解决这个问题?
答案 0 :(得分:0)
使用多个来源时,您需要将它们放在播放列表块中。
例如 - http://www.longtailvideo.com/support/jw-player/29394/hls-with-mp4-fallback
示例代码:
<div id="myElement"></div>
<script>
jwplayer("myElement").setup({
playlist: [{
image: "/uploads/myPoster.jpg",
sources: [{
file: "/uploads/myManifest.m3u8"
},{
file: "/uploads/myFallback.mp4"
}]
}],
primary: "flash"
});
</script>
只需使用SMIL,即可回退MP4文件。它只需要在一个单一的播放列表中。