mp4网页播放代码,有声音无图像的解决办法~
2015-06-28 21:02
393 查看
mp4网页播放代码,有声音无图像的解决办法~
关于网页播放mp4格式的视频,找了一些插件,这里推荐一下video.js官方网址:http://www.videojs.com/
github :https://github.com/videojs/video.js/
demo:http://www.videojs.com/downloads/video-js-4.12.5.zip
使用方法:
①引入文件:指派flash播放的swf文件
<link href="//example.com/path/to/video-js.css" rel="stylesheet"> <script src="//example.com/path/to/video.js"></script> <script> videojs.options.flash.swf = "http://example.com/path/to/video-js.swf" </script>
② 设置video参数(设置mp4视频地址)
<video id="example_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264" poster="http://video-js.zencoder.com/oceans-clip.png" data-setup='{"example_option":true}'> <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' /> <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' /> <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' /> <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p> </video>
使用demo里面的mp4视频源,播放一切正常,换上自己的mp4源发现只有声音并没有图像。这让我很为难。
想来想去这跟插件没关系,跟浏览器没有关系,跟自己视频源的格式编码有关系。
找了很多办法,尝试过swf播放,但是mp4转码成swf格式,失真太严重,导致视频很模糊,质量很糟糕。
下载了格式工厂,尝试着转换了很多格式,都不尽人意。
发现mp4的视频编码有三种:MPEG4(DivX),MPEG4(Xvid),AVC(H264),我使用格式工厂一个一个尝试。
最终发现转换成AVC(H264)编码,完美解决问题。
总结:网页播放mp4视频,出现有声音无图像问题,先使用格式工厂转换mp4->mp4格式,输出编码选择AVC(H264),然后在网页中代码调用,看是否解决问题。
相关文章推荐
- java学习之旅39--面向对象_12_继承_方法的重写
- 用python获取MAC地址和IP地址
- C专家编程整理笔记
- python中的面向对象编程
- Python学习笔记 - function调用和定义
- Python学习笔记 - function调用和定义
- Java设计模式之抽象工厂模式
- win python3.4.3安装和环境变量配置
- spring bean初始化和销毁
- java基础之java中的基本数据类型
- 编程思想之多线程与多进程(3)——Java中的多线程
- cocoa编程第4版 8.5 挑战1 解答
- cocoa编程第4版 8.5 挑战1 解答
- cocoa编程第4版 8.5 挑战1 解答
- java Session管理
- 进程互斥(一)相关概念
- tortoise svn无法识别subversion check向下代码来解决
- 【C#】索引器
- 1008--Java 大对象类型的 Hiberante 映射
- github本地修改与远程库同步