video标签添加删除按钮

如果你想在video标签上添加删除按钮，你可以通过以下步骤实现：
1. 首先，在video标签上添加controls属性，这将显示默认的控制条，包括删除按钮。
2. 接下来，使用controlsList属性来自定义控制条的功能。通过将controlsList的值设置为"nodownload"，可以关闭下载按钮。示例代码如下：
<video src="videoUrl" controlsList="nodownload" controls="controls"></video>
3. 在代码中的videoUrl处填入你的视频链接。

通过上述操作，你将在video标签上添加了删除按钮，并且关闭了下载按钮。请注意，这个操作只在谷歌浏览器上生效。

相关问题

video标签插入一个删除按钮

在HTML中，如果你想在`<video>`元素旁边添加一个删除按钮，你可以这样做：

<video controls id="myVideo">
   <!-- 视频源 -->
   <source src="your_video.mp4" type="video/mp4">
   Your browser does not support the video tag.
</video>

<button onclick="deleteVideo()">删除</button>

<script>
function deleteVideo() {
   var video = document.getElementById('myVideo');
   if (video.paused || video.ended) { // 检查视频是否已经结束播放
      video.remove(); // 删除视频元素
   } else {
      alert('请先停止播放再删除.'); // 如果视频正在播放，则给出提示
   }
}
</script>

在这个例子中，我们创建了一个`<video>`元素，它有一个`controls`属性，用于显示默认的播放控制。然后我们添加了一个点击事件监听器到`<button>`元素上，当用户点击“删除”按钮时，会触发`deleteVideo()`函数。这个函数首先检查视频是否已暂停或结束，如果满足条件就从DOM中移除`<video>`元素。

注意：`remove()`方法会立即停止并卸载视频，所以务必确保在合适的时机调用此方法。

video和audio标签的下载按钮

video和audio标签在谷歌浏览器上自带下载按钮。如果你不想显示下载按钮，可以通过在标签上添加controlsList="nodownload"来关闭下载按钮。比如，在video标签或audio标签上添加controlsList="nodownload"属性即可。示例如下：

<video src="videoUrl" controlsList="nodownload" controls="controls"></video>
<audio src="audioUrl" controlsList="nodownload" controls="controls"></audio>

这样做可以禁用视频或音频标签的下载按钮，让用户无法下载媒体文件。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [关于HTML5的audio标签和video标签删除下载图标](https://blog.csdn.net/rocling/article/details/81949028)[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_2"}}] [.reference_item style="max-width: 50%"]
- *3* [【JavaScript源代码】jQuery实现简单弹幕制作.docx](https://download.csdn.net/download/mmoo_python/72280121)[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_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]