HTML5的video标签,视频在网页播放没有画面只有声音,支持的格式,MP4,

复制下列代码进行逐个格式测试

<!DOCTYPE html>

<html>

<body>

<video width="320" height="240" controls="controls" autoplay="autoplay">

  <source src="/i/movie.ogg" type="video/ogg" />

  <source src="/i/movie.mp4" type="video/mp4" />

  <source src="/i/movie.webm" type="video/webm" />

  <object data="/i/movie.mp4" width="320" height="240">

    <embed width="320" height="240" src="/i/movie.swf" />

  </object>

</video>

</body>

</html>

UC浏览器下,ogg和MP4格式可以正常播放

为什么转换出来的MP4格式的视频,在网页播放没有画面只有声音,但是视频用播放器可以播放?

一、注意编码方式。同为的视频,它的编码方式有多种: divx 、  xvid 、  等等。  可以分别试一下,通常网页支持的是xvid。
二是注意视频分辨率。不能高了,否则不能播放。通常用320*240试试。
三是注意视频的码率(比特率),不能高了,否则不能播放。  通常用500K左右就可以了。
 
以上三个参数,在转换成MP4时,可以设置。  建议用来转换。在转换时,点开输出配置,就可以设置具体的参数了。

HTML5的video标签,视频在网页播放没有画面只有声音,支持的格式,MP4,_第1张图片

你可能感兴趣的:(html5,mp4,转格式,有声音无图像,voide)