HTML5 video 播放视频黑屏

时间:2021-09-26 09:19:44

<video width="320" height="240" controls>
        <source src="movie.mp4" type="video/mp4">
        <source src="movie.ogg" type="video/ogg">
        您的浏览器不支持 video 标签。
</video>

为什么有的是黑屏?
其实根本的问题是虽然大家都是.mp4后缀的文件,但是编码方式不同,而video标签的标准是用H.264方式编码视频的MP4文件(当然video标签还可以播放WebM和OGG格式的文件,这里就不多说了),而之前使用的视频文件是Xvid编码的MP4文件,所以只能播放出音频而不能看到图像