hal*_*aya 11 html5 html5-video
我有一个应该在ipad上运行的html5视频.控件必须隐藏,用户点击ipad,html5视频必须播放.
我正在使用html5video.js我在ipad上看到的只是海报图片,当我点击ipad时,没有任何反应.下面是我的代码
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=768px, minimum-scale=1.0, maximum-scale=1.0" />
<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/c/video.js"></script>
<script>
var video = document.getElementById('video');
video.addEventListener('touchstart',function(){
video.play();
},false);
</script>
</head>
<body>
<video id="video" class="video-js vjs-default-skin" preload="auto" width="620" height="860" poster="img/poster.png" data-setup="{}">
<source src="video/Motion.mp4" type='video/mp4'>
</video>
</body>
</html>
Dav*_*son 19
您是否使用正确的MIME类型提供视频？Dive Into HTML 5中出色的Video On The Web文章涵盖了有关提供视频的所有信息.在文章的底部(通过所有编码帮助)介绍了iPhone和iPad的问题以及对正确MIME类型的需求.完全阅读是值得的.
编辑
要使用iOS,Accept-Ranges: bytes必须包含HTTP响应标头,请参阅:Safari Web内容指南 - 配置您的服务器