带有 MPEG DASH 的 JwPlayer答案

【问题标题】：JwPlayer with MPEG DASH带有 MPEG DASH 的 JwPlayer
【发布时间】：2015-08-03 13:20:30
【问题描述】：

我正在尝试让具有 mpeg dash 支持的 jwplayer 工作，但我遇到了一些麻烦。

页面加载时遇到以下错误：

加载播放器时出错：找不到可播放的源。

jwplayer播放器代码如下：

<script type="text/javascript">
      var playerInstance = jwplayer("myElement");

      playerInstance.setup({
      file: 'http://yt-dash-mse-test.commondatastorage.googleapis.com/media/car-20120827-manifest.mpd',
      dash: true,
      width: 640,
      height: 360
   });
</script>

如果有任何反馈可以帮助我解决此问题，我将不胜感激。

【问题讨论】：

您是否至少拥有高级 JW 许可证？ DASH 文件（jwplayershaka.js 和 provider.shaka.js）是否与 jwplayer.js 位于同一位置？
此外，DASH 目前仅适用于 Chrome 或 Edge。
是的，它们都在同一个目录中。我会用 Chrome 确认。我以为我也检查过 Chrome。是的，我们确实拥有高级许可证。
用 Chrome 验证，同样的错误。如果上面的 jwplayer 初始化脚本适用于你们中的任何一个，那么问题必须在我的 jwplayer 副本中。
其实更有可能是你的直播有问题。 JW Player 文件只是文本/javascript，除非您尝试编辑它们，否则不太可能被破坏。

标签： javascript jwplayer mpeg-dash

【解决方案1】：

你需要一个 div 来锚定播放器的位置：

&lt;div id="myElement"&gt;&lt;/div&gt;

使用您的脚本和上面提到的 div 元素，使用 JWPlayer7 对我来说效果很好：

&lt;div id="myElement"&gt;&lt;/div&gt;&lt;script type="text/javascript"&gt;var playerInstance = jwplayer("myElement");playerInstance.setup({file: 'http://yt-dash-mse-test.commondatastorage.googleapis.com/media/car-20120827-manifest.mpd',dash: true,width: 640,height: 360});&lt;/script&gt;

【讨论】：

【解决方案2】：

我尝试使用由 JWPlayer 自己提供和托管的在线 JWPlayer test player 在 Chrome Canary 浏览器中播放 DASH 流 (http://yt-dash-mse-test.commondatastorage.googleapis.com/media/car-20120827-manifest.mpd)，并且流确实对我有用，没有任何问题。

【讨论】：