正文
video.js 视频自动全屏播放
小程序：扫一扫查出行【扫一扫了解最新限行尾号】
复制小程序
一 . 视频全屏可以通过css定义宽高100%来实现。
.videoBox{
width: %;
height: %;
}#example_video{
width: %;
height: %;
}
<div class="videoBox">
<video id="example_video" class="video-js vjs-default-skin vjs-big-play-centered" muted autoplay controls preload="none" width="" height=""
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>
二. 视频打开页面自动播放。
1. 给video标签加入<video muted></video> 静音即可。
2. body下面加入js代码。
<script type="text/javascript">
var myPlayer = videojs('example_video');
videojs("example_video").ready(function(){
var myPlayer = this;
myPlayer.play(); // 自动播放
console.log();
});
</script>
