pc端 视频格式为mp4 能正常打开播放 就是在html的video标签中不能播放

这可能是因为您的浏览器不支持MP4格式的视频或者您的视频文件出现了损坏。您可以尝试将视频转换为其他格式，如WebM或OGG，并尝试在HTML的video标签中播放。您还可以尝试更新您的浏览器或使用其他支持MP4格式的浏览器来查看视频。如果问题仍然存在，您可以检查一下视频文件的元数据以及HTML代码中video标签的属性是否正确。

相关问题

video 标签播放.mov视频文件

video标签是一种HTML5的元素，用于在网页中播放视频。然而，video标签并不支持苹果.mov格式的视频文件。如果页面上既有.mp4格式又有.mov格式的视频文件，只能通过使用插件来实现播放.mov格式的视频文件。在这种情况下，用户可以使用视频下载工具来下载.mov视频文件，或者在新标签页中打开视频文件进行播放。视频下载工具通常允许用户下载各种不同格式的视频文件，包括.mov格式及其他诸如3g2、3gp、avi、mkv等格式。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [chrome-video-downloader:Chrome扩展程序，可下载在当前标签页中找到的视频](https://download.csdn.net/download/weixin_42138780/18626063)[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: 50%"]
- *2* *3* [jQuery及video标签视频播放弹窗插件支持mp4,mov等格式详解(图文)](https://blog.csdn.net/weixin_31754149/article/details/117882567)[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: 50%"]
[ .reference_list ]

video controls

Video标签中的controls属性用于显示视频播放器的控制条，包括播放/暂停按钮、音量控制和进度条等。使用controls属性将自动显示默认的控制条。

在PC电脑上，当使用controls属性时，通常会显示三个点，用于打开更多控制选项。不过，如果你希望自定义控制条的显示内容，可以使用controlslist属性进行设置。在Vue.js中，可以通过在video标签上添加controlslist属性来实现，如下所示：

<video ref="video" controls :src="url" controlslist="nodownload nofullscreen noremoteplayback noplaybackrate" disablePictureInPicture></video>

这样设置后，控制条上的下载按钮（download）、全屏按钮（fullscreen）、远程播放按钮（remote playback）和调节播放速率的按钮（playback rate）将不再显示。

当然，除了使用video标签的自带控件属性，我们也可以自定义视频控制条。在实际开发中，我们通常会使用JavaScript来实现自定义控制条的功能。下面是一个示例代码，用于通过点击按钮来控制视频的播放和暂停：

<video id="video" src="video.mp4"></video>
<button id="playBtn">播放/暂停</button>

<script>
var video = document.querySelector("video");
var playBtn = document.getElementById("playBtn");

playBtn.onclick = function(){
  if(video.paused){
    video.play();
    playBtn.src = "img/pause.png";
  }else{
    video.pause();
    playBtn.src = "img/on.png";
  }
}
</script>

这段代码首先获取video元素和playBtn元素，然后通过给playBtn绑定点击事件来实现播放和暂停的功能。点击按钮时，会判断视频的状态，如果视频是暂停状态，则调用video.play()方法播放视频并修改按钮的显示图标；如果视频正在播放，则调用video.pause()方法暂停视频并修改按钮的显示图标。通过这样的方式，可以实现自定义的视频控制条。

希望对你有所帮助！如果还有其他问题，请随时提问。