video标签controlslist
时间: 2023-11-15 21:57:24 浏览: 195
video标签的controlslist属性可以用来控制video控件的右侧"三个点按钮更多"的显示内容。该属性可空格隔开写多个值,可选择的值有nodownload(不要下载)、nofullscreen(不要全屏)、noremoteplayback(不要远程回放)等。例如,如果想要隐藏下载按钮和远程回放按钮,可以将controlslist属性设置为"nodownload noremoteplayback"。同时,还可以使用disablePictureInPicture属性来禁用画中画功能。
相关问题
video 标签disablePictureInPicture
引用:在video标签中添加disablePictureInPicture属性可以禁用视频的画中画功能。
你可以这样修改代码:
```
<video ref="oneVideo" width="800px" height="455px" controls :poster="preImg" :src="videoSrc" controlslist='nodownload' disablepictureinpicture></video>
```
引用:另外,你也可以直接将视频资源添加到video标签的src属性上,而不是添加给source标签。
引用:为了让poster自适应video大小,你可以添加一些CSS样式。可以将以下样式添加到video标签中:
```
style="width: 100%; height: 100%; object-fit: fill"
```
这样poster就会适应video的大小了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [html5 的video开发踩坑记](https://blog.csdn.net/mChales_Liu/article/details/111153841)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
video标签禁止全屏
我不确定您的问题是什么。但是,视频标签是可以全屏的,只需要在控制台中添加`controls`和`controlsList`属性。例如:
```html
<video src="video.mp4" controls controlsList="nodownload"></video>
```
其中,`controls`属性用于在视频下方显示控制条,`controlsList`属性用于禁止下载按钮的显示。这样做可以确保用户无法下载视频,但仍然可以全屏观看。
阅读全文