我使用了videojs,它在所有浏览器(包括IE)和Android上运行良好。但它不适用于IOS设备(iphone和ipad IOS版本6)。
以下是我用来将视频添加到页面的代码。
<video id="video1" class="video-js vjs-default-skin" width="276" height="153" controls="" preload="auto" data-setup="{}">
<source src=myvideo.mp4 type="video/m4v" >
</video>
我花了很多年才找不到任何解决方案。 我正在使用video.js版本3.2.0并永远获得加载微调器。 我尝试使用版本4,只出现黑屏。
请帮助。
答案 0 :(得分:6)
首先在源src属性周围加上双引号并尝试。如果这不能解决它,听起来像mp4本身的问题,很可能是因为它被编码的方式或它有一个巨大的文件大小。尝试使用videojs的默认电影(http://vjs.zencdn.net/v/oceans.mp4),看看是否有效。如果它有效,你知道问题在于电影文件本身。
答案 1 :(得分:3)
您的Web服务器应支持字节范围请求,检查Web服务器是否支持206响应。如果您使用的是nginx,请添加mp4模块。
答案 2 :(得分:2)
我使用handbrake解决了大多数mp4编码问题。
答案 3 :(得分:0)
尝试将 type="video/m4v" 更改为 "video/mp4"。
<video class="video-js">
<source src="//vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
<source src="//vjs.zencdn.net/v/oceans.webm" type="video/webm">
</video>