我有一个 html5 视频,应该可以在 ipad 上运行。控件必须隐藏,并且当用户点击 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>
您是否使用正确的 MIME 类型提供视频?优秀的网络视频 http://diveintohtml5.info/video.htmlDive Into HTML 5 的文章涵盖了您需要了解的有关提供视频的所有信息。文章底部(所有编码帮助之后)涵盖了iPhone 和 iPad 的问题 http://diveintohtml5.info/video.html#ios以及需要正确的 MIME 类型 http://diveintohtml5.info/video.html#video-mime-types。非常值得完整阅读。
EDIT
要使用 iOSAccept-Ranges: bytes
必须包含 HTTP 响应标头,请参阅:Safari Web 内容指南 - 配置您的服务器 https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/CreatingVideoforSafarioniPhone/CreatingVideoforSafarioniPhone.html#//apple_ref/doc/uid/TP40006514-SW6
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)