Video-js 标签自动播放 HLS 直播

Question

我正在通过 videojs 进行直播。流工作，但我无法让它自动播放。相反，我每次进入页面时都需要单击播放按钮。

<video-js id="my_video" autoplay controls preload="auto" width="762" height="428" poster="images/poster2.jpg">
          <source src="http://xx.xxx.xxx.xx:1935/live/xxxxx/playlist.m3u8" type="application/x-mpegURL">
          </video-js>

  <script src="https://unpkg.com/video.js/dist/video.js"></script>
  <script src="https://unpkg.com/@videojs/http-streaming/dist/videojs-http-streaming.js"></script>

  <script>
    var player = videojs('my_video');
    video.autoplay = true
  </script>

Answer 1

许多浏览器现在不允许自动播放，除非视频被静音。您可以添加muted 属性。

您也可以使用any 选项进行自动播放，在这种情况下，如果可能，视频将自动播放有声，如果没有，则自动静音播放。删除 autoplay 属性并改用设置选项：

var player = videojs('my_video', {autoplay: 'any'});

Answer 2

var options, player;

options = {
    controls: true,
    autoplay:'any',
    techOrder: [ 'chromecast', 'html5' ],
    plugins: {
        chromecast: {}
    }
};

player = videojs(document.getElementById('vjs'), options, function() {
        player.chromecast();
    });