videojs无法自动播放的问题

Question

在设置box的宽高之后，videojs不能自动播放，各位有办法么？

<style>
  .box {
    width: 270px;
    height: 480px;
    overflow: hidden;
  }
  #my-video {
    width: 100%;
    height: 100%;
  }
</style>

<div class="box">
  <video id="my-video" autoplay="autoplay">
    <source src="rtmp...xxx" type="rtmp/flv" class="src">
  </video>
</div>

<script>
  var player = videojs('my-video', {
    autoplay: true
  }, function onPlayerReady() {
    this.play()
  })
</script>

Answer 1

其他代码，我没发现问题，但是你确定video元素标签支持type="rtmp/flv" ，这种视频流。

Answer 2

DOMException: play() failed because the user didn't interact with the document first.
报这个错误，请问有解决吗？