videojs無(wú)法自動(dòng)播放的問(wèn)題

在設(shè)置box的寬高之后，videojs不能自動(dòng)播放，各位有辦法么？

<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>