video 使用 配置

1.安装

npm  install video.js

2.引入

import videojs from 'video.js';
import 'video.js/dist/video-js.css';

3.页面

 <video id='homeVideo' className=" video-js vjs-default-skin vjs-big-play-centered example_video" muted autoPlay loop preload="none" width="640" height="264"
                                poster={require('@assets/home/bg1.jpg')} data-setup="{}">
                                <source src={require('@assets/audio/top.mp4')} type='video/mp4' />
                            </video>

4.配置

src 视频的 URL。
autoplay  自动播放。
controls 显示控件。
height 视频播放器的高度。
width 视频播放器的宽度。
loop 循环播放。
muted 静音播放。有的浏览器不允许非静音自动播放，如谷歌、火狐浏览器等，所以要加上muted属性，才会自动播放。
poster 视频的封面图。
preload 在页面加载时进行加载，并预备播放。如果使用 “autoplay”，该属性无效。