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();
    });