主要使用到的是poster属性,详细属性可点击上方api进行查看
<video id="myVideo" class="xwlogo" :src='imgurl+"/index/xcp.mp4"'
:poster='imgurl+"/index/index_videoImg.png"'
@error="videoErrorCallback"
controls
></video>
注意:这个封面的图片需要放到服务器上,在本地会报错
最终展示效果:
主要使用到的是poster属性,详细属性可点击上方api进行查看
<video id="myVideo" class="xwlogo" :src='imgurl+"/index/xcp.mp4"'
:poster='imgurl+"/index/index_videoImg.png"'
@error="videoErrorCallback"
controls
></video>
注意:这个封面的图片需要放到服务器上,在本地会报错
最终展示效果: