Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript VideoJS:不在IOS上工作_Javascript_Ios_Html_Ipad_Video.js - Fatal编程技术网

Javascript VideoJS:不在IOS上工作

Javascript VideoJS:不在IOS上工作,javascript,ios,html,ipad,video.js,Javascript,Ios,Html,Ipad,Video.js,我使用了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=

我使用了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,但只是出现了黑屏


请提供任何帮助。

首先在源src属性周围加上双引号,然后再试一次。如果这不能解决问题,那么问题似乎出在mp4本身,很可能是因为它的编码方式或者它有一个巨大的文件大小。尝试使用videojs的默认电影(),看看是否有效。如果有效,您知道问题出在电影文件本身。

您的web服务器应该支持字节范围请求,请检查web服务器是否支持206响应。如果您使用的是nginx,请添加mp4模块。

我使用解决了大多数mp4编码问题。

尝试将type=“video/m4v”更改为“video/mp4”



您确认该文件可以由ios播放吗?虽然这个问题并非如此,但如果有其他人参与,ios不支持自动播放:但它可以在所有设备/所有浏览器中工作,但在IE9中不起作用。是的,当前版本的videojs似乎有点问题。看看我在这里的教程,它使videojs更便于移动=这使用了稍微旧一点的videojs版本(大约1个月前),但它在所有浏览器和智能手机上都能工作。对于任何未来的人,我将FLV转换为MP4(不确定编解码器),但我不能在iPad上用videojs播放,但我可以在videojs的主页上播放MP4。显然是编解码器的问题。我没有完全尝试,但通过在AWS S3而不是我自己的服务器上托管视频,视频开始在iOS设备上运行。显然,服务器配置会影响视频是否播放。手刹晃动
<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>