h5 video标签的使用

video标签的具体使用

h5新增了video标签,可以直接按在页面中播放视频

今天写页面的时候出现了视频无法显示的情况,接着翻了翻资料,下面进行总结一下;

基本写法:

 <video src="/video.mp4" style={{ width: 200, height: 200 }} autoPlay ></video>
其中src后面的路径一定要正确,这是第一个要注意的点;
其次,必须加上宽高,否则会因为标签内没有内容而导致标签不显示;
最后就是一些表单的属性设置了;
autoplay:设置自动播放;
muted :设置是否静音,true为静音
controls:设置是否展示表单控件,如暂停播放全屏等
loop:设置是否结束后重新播放;