html5视频无法在ipad上运行_Html_Html5 Video

html5视频无法在ipad上运行

html

html5视频无法在ipad上运行,html,html5-video,Html,Html5 Video,我有一个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.

我有一个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>


var video=document.getElementById（'video'）；
video.addEventListener（'touchstart'，function（））{
video.play（）；
}，假）；

您是否使用正确的MIME类型提供视频？潜入HTML5的优秀文章涵盖了您需要了解的有关视频服务的所有内容。在文章的底部（通过所有编码帮助）包括了。这很值得一读

编辑

要使用iOS，必须包括

接受范围：字节HTTP响应头，请参阅：
尝试此技巧（无效用户点击屏幕）：
对于我来说，它可以在安卓平板电脑三星、iphone和iPad2/3上工作
更新：
在新版本的浏览器中，默认情况下也启用了自动播放，您需要将属性设置为静音才能成功
没有最终的解决办法。例如，mac上的firefox版本64不支持自动播放，但linux上的同一版本支持自动播放。那么，再见
 我也有同样的问题。这段视频不仅仅在iPad和iPhone4上播放。什么都没用。最后我发现我的.mp4文件格式错误。我没有创建那个文件。在我再次将其转换为mp4格式后，它工作了。在我的情况下，MIME类型是正确的，但我的服务器不允许客户端请求包含范围HTTP头的部分文件。
因此，当您请求mp4文件时，服务器必须发送“Accept Ranges:bytes”，如果iPad被迫完全下载该文件，它将拒绝下载该文件。刚刚解决了这个问题。onclick在ipad上不起作用。我使用ontouchstartThanks获取关于Accept Ranges标头的提示。几天来，我一直在尝试为一个在iOS上运行的Vaadin应用程序获取视频。这是我的问题。我正在使用Flask进行“send_file”和“send_from_directory”调用。我必须在这些调用中添加'conditional=True'参数。
document.addEventListener('touchstart', function(event) {

  video.play();

  // They use this first touch/click event for buffering others video.
  // with this trick 

  video2.play();
  video2.pause();

  // After in your program you can call from 'code' play video.
  // Sum of success buffering per one click is 3 ~ 6 ( android or ios ).


}, false);