video.js 视频自动全屏播放

时间 2020-04-22

标签 video.js video 视频自动全屏播放栏目 JavaScript 繁體版

原文原文链接

一 . 视频全屏能够经过css定义宽高100%来实现。javascript

.videoBox{ width: 100%; height: 100%; } #example_video{ width: 100%; height: 100%; }

<div class="videoBox">
   <video id="example_video" class="video-js vjs-default-skin vjs-big-play-centered" muted autoplay controls preload="none" width="640" height="264" poster="http://video-js.zencoder.com/oceans-clip.png" data-setup="{}">
   　　<source src="https://wts.itqiche.com/u5/car_u5_video/XuHang.mp4" type='video/mp4' />
   </video>
</div>

二. 视频打开页面自动播放。css

1. 给video标签加入<video muted></video> 静音便可。java

2. body下面加入js代码。ide

<script type="text/javascript">
    var myPlayer = videojs('example_video'); videojs("example_video").ready(function(){ var myPlayer = this; myPlayer.play(); // 自动播放
        console.log(1); }); </script>