先搞个原⽣的video标签进来ref=\"movie\" class=\"video\"src=\"static/movie.mp4\" width=\"100%\" controls>
src=\"static/movie.mp4\" width=\"100%\" controls>
展⽰如下,⾃带的控制台⾥,播放/暂停,声⾳,全屏,下载等⼀般没⼈⽤它,都喜欢⾃⼰弄个居中的播放按钮。。
搞吧,先弄俩 播放/暂停的 icon图标进来,
这⾥利⽤ $refs 去指定元素,绑定监听事件:
也可以⽤ 元素选择器 去找到对应的 class
document.querySelector(\".video\")
最后,为了体验好点,让它⿏标移出去就隐藏暂停按钮
简易美观的视频播放器就做好了。。
因篇幅问题不能全部显示,请点此查看更多更全内容