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