3

背景

我有一个 JWplayer 设置，它使用 SMIL 文件列出 RTMP 流的多个源。SMIL 文件中不包含 HTML5 播放源列表（不支持 RTMP）。

问题

在 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>

发生了什么以及如何解决这个问题？

4

1 回答 1

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 文件。它只需要位于单个播放列表块中。

于 2013-12-12T15:04:06.757 回答