如何设置视频的封面图片

河南在线 时间:2024-07-08 17:41 浏览:

在网站发布视频时,如果需要设置视频封面,应该如何设置呢?

在video标签中,如果还未加载视频,那么久显示不出来视频首帧画面,要想在video标签中显示首帧画面,需要添加poster属性,属性值应该是图片的ur,或者直接使用img标签替代video的位置,当点击播放的时候再弹层展示需要播放的视频。

此外,如果把video标签加上autoplay(自动播放)属性和muted(静音)属性,就正常看到视频的画面了。

代码如下:

案例1:<video controls="" poster="https://imgcdn.dahebao.cn/20240708/20240708125402619687.jpg/pc_1200" src="https://videofiles.dahebao.cn/32038329vodtranscq1306441264/dbcc62cb1253642700425204016/v.f1137850.mp4">

案例2:<video controls="controls" height="auto" id="ecmsvideoid" poster="https://imgcdn.dahebao.cn/20240708/20240708125402619687.jpg/pc_1200" width="600"><source src="/d/file/p/2024/07/08/d128d0c85692ce9fd3d85c888957e889.mp4" /> Your browser is not supported</video>

 

(责任编辑:HN-07)

科技 >如何设置视频的封面图片