解决html标签添加视频只有声音没有图像

当练习HTML从插入视频时发现只能播放声音去没有视频画面这怎么解决呢?
第一查看html video 标签支持的视频格式,一共支持三种格式: Ogg、MPEG4、WebM。但这三种格式对于浏览器的兼容性却各不同。
解决html标签添加视频只有声音没有图像_第1张图片
重点:比如MP4格式,MP4只是一个容器,里面还有一个叫编码器的东西。格式虽然都是MP4但是html中只支持H.264的编码格式。所以要用软件来转码。
MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器
WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器
Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器

转码工具
格式工厂官网下载
解决html标签添加视频只有声音没有图像_第2张图片

解决html标签添加视频只有声音没有图像_第3张图片

解决html标签添加视频只有声音没有图像_第4张图片

解决html标签添加视频只有声音没有图像_第5张图片
解决html标签添加视频只有声音没有图像_第6张图片
要确定视频编码格式为H264
然后点击开始输出就Ok了,在插入使用就可了

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>媒体学习title>
head>
<body>

<video src="../Resources/video/8.mp4" controls autoplay loop >video>
body>
html>

你可能感兴趣的:(解决错误,html)