使用html原生video视频，前端开发学习教程

<a

v-show=“btnShow”

class=“startButton”

@click=“play”

/>

<img

id=“cover”

src=“~assets/img/pd/diffuse/cover.png”

hidden

<video

id=“videoA”

width=“920”

height=“530”

src=“~assets/video/pd/diffuse/zhuhe25.mp4”

您的浏览器不支持 video 标签。

去视频边框

---

video {

outline: none;

}

给视频加封面

---

let src = document.getElementById(‘cover’).getAttribute(‘src’) // 此处因为webpack打包的原因不能直接使用‘~assets/img/pd/diffuse/cover.png’为poster属性赋值，所以先赋值给img然后再取出来赋值给poster

let video = document.getElementById(‘videoA’)

video.setAttribute(“poster”, src);

隐藏video工具栏html

---

不设置controls="controls"属性即可