Videojs播放列表不起作用答案

【问题标题】：Videojs playlist not workVideojs播放列表不起作用
【发布时间】：2016-08-29 19:20:06
【问题描述】：

当我尝试使用视频 js 的播放列表插件时遇到问题：

<!doctype html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Playlist Tester Perform</title>
  <style type="text/css">
    .video-js {
      float: left;
      margin: 15px;
      width: 440px;
      height: 280px;
    }
    .vjs-playlist {
      width: 250px;
      float: left;
      margin: 15px;
    }
  </style>
</head>
<body>
  <video id="myPlayerID"
    data-account="3676484087001"
    data-player="04ac0699-ca6b-449b-a2b6-0f14b4a7893b"
    data-embed="default"
    class="video-js" controls></video>

  <ol class="vjs-playlist"></ol>

  <script src="//players.brightcove.net/3676484087001/04ac0699-ca6b-449b-a2b6-0f14b4a7893b_default/index.min.js"></script>

  <script type="text/javascript">
    videojs('myPlayerID').ready(function () {
      var myPlayer = this;
      myPlayer.playlist([{
        "sources": [{
          "src": "http://solutions.brightcove.com/bcls/assets/videos/Sea_SeaHorse.mp4", "type": "video/mp4"
        }],
        "name": "Seahorse",
        "thumbnail": "http://solutions.brightcove.com/bcls/assets/images/Sea_Seahorse_poster.png",
        "poster": "http://solutions.brightcove.com/bcls/assets/images/Sea_Seahorse_poster.png"
      }, {
        "sources": [{
          "src": "http://solutions.brightcove.com/bcls/assets/videos/Sea_Anemone.mp4", "type": "video/mp4"
        }],
        "name": "Sea Anemone",
        "thumbnail": "http://solutions.brightcove.com/bcls/assets/images/Sea_Anemone_poster.png",
        "poster": "http://solutions.brightcove.com/bcls/assets/images/Sea_Anemone_poster.png"
      }, {
        "sources": [{
          "src": "http://solutions.brightcove.com/bcls/assets/videos/Tiger.mp4", "type": "video/mp4"
        }],
        "name": "Tiger",
        "thumbnail": "http://solutions.brightcove.com/bcls/assets/images/Tiger_poster.png",
        "poster": "http://solutions.brightcove.com/bcls/assets/images/Tiger_poster.png"
      }, {
        "sources": [{
          "src": "http://solutions.brightcove.com/bcls/assets/videos/Sea_ClownFish.mp4", "type": "video/mp4"
        }],
        "name": "Clownfish",
        "thumbnail": "http://solutions.brightcove.com/bcls/assets/images/Sea_ClownFish_poster.png",
        "poster": "http://solutions.brightcove.com/bcls/assets/images/Sea_ClownFish_poster.png"
      }, {
        "sources": [{
          "src": "http://solutions.brightcove.com/bcls/assets/videos/Sea_LionFish.mp4", "type": "video/mp4"
        }],
        "name": "Lionfish",
        "thumbnail": "http://solutions.brightcove.com/bcls/assets/images/Sea_LionFish_poster.png",
        "poster": "http://solutions.brightcove.com/bcls/assets/images/Sea_LionFish_poster.png"
      }]);
    });
  </script>
</body>

</html>

当我将视频链接更改为我的本地文件夹（“src”：“/files/convert/videos/38472531Test.mp4”，“type”：“video/mp4”）时，播放列表不会前进到下一个视频。我认为这是 ffmpeg 转换的问题，但我不确定。

PD：问题只在播放列表中，不在播放中

【问题讨论】：

您是如何加载此 HTML 的，然后，在“/files/convert/...”处为您的本地内容提供什么服务？尝试打开浏览器的 Web 开发工具并观察网络连接。
视频正常，播放列表有问题。
我还是不明白你的问题。当您使用问题中所示的 brightcove 网址时，播放列表是否有效？无论如何，仍然建议打开您的 Web 开发人员工具并观察网络连接和控制台，看看是否有任何明显的情况。
抱歉我的英语不好，这不是我的母语。当视频结束时，我需要自动播放播放列表中的下一个视频。这仅适用于示例视频。我的视频播放良好，但当它们结束时，列表不会前进到下一个视频。你现在明白了吗？谢谢 PD：我发现网络连接没有异常
这可能会有所帮助，请参阅：github.com/brightcove/videojs-playlistmyPlayer.playlist.autoadvance(0);

标签： video.js playlist

【解决方案1】：

我也遇到了同样的问题。我研究出如果我将视频文件的 url 设置为 http://myip/path to video file 而不是给它一个指向该文件的本地链接，我的文件就会开始自动播放。你的情况是这样吗？

我认为这是播放列表插件中的一个错误，但在我的情况下它似乎可以作为一种解决方法。

【讨论】：