video元素使用

作者: 西瓜古古丫 | 来源:发表于2019-07-01 16:08 被阅读0次
  1. problem:在element ui的dialog弹框中使用了video元素,关闭弹框时,发现视频还在
    播放,有声音。
    resolve:在弹框关闭时执行pause方法,暂停视频播放。
  2. problem:video元素引用后发现不显示操作按钮
    resolve:添加属性controls
  3. problem:在element ui的dialog弹框中使用了video元素,想要隐藏掉“画中画”、“下
    载”按钮
    resolve:添加属性 controlslist="nodownload" 和 disablePictureInPicture
<video :src="videoLink" controls ref="video" controlslist="nodownload" disablePictureInPicture></video>

参考链接:
--video元素
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/video
-- video元素的事件
https://developer.mozilla.org/zh-CN/docs/Web/Guide/Events/Media_events
--画中画
https://zhuanlan.zhihu.com/p/38251413
--controlsList
https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLMediaElement/controlsList

相关文章

网友评论

    本文标题:video元素使用

    本文链接:https://www.haomeiwen.com/subject/fnzgcctx.html