iPhone上的HTML5视频元素问题

时间:2010-12-15 18:59:14

标签: iphone web-applications html5 mobile-safari html5-video

当我在iPhone iOS Safari浏览器中使用HTML5 < video> 元素并点击占位符以播放视频时,全屏视频播放器启动了.. 。

问题在于,特别是当用户通过GPRS / EDGE承载连接时,需要一些时间才能启动视频(必须缓存某些内容......)。

如果用户同时按下“完成”按钮并返回到页面,然后再次尝试启动视频播放器,则在视频的某些部分被缓存之前没有任何反应,从用户的角度来看,它看起来像是视频链接不起作用......有什么方法可以处理它吗?听一些事件等等。

<html>
  <head>
    <script type="text/javascript">  

      function playvideo()  
      {  
        var elem = document.getElementById("id-video");  
        elem.play();
      }  
    </script>  

  </head>

  <body>
    <video
           id="id-video"
           width="200"
           height="160"
           src="space.mp4"
    >
    </video>

    <input type="button" value="HTMLPlay" onClick="playvideo()"/>
  </body>
</html>

BR 彼得

1 个答案:

答案 0 :(得分:1)

您唯一可以轻松做的就是减小视频文件的大小。这不一定会影响所有用户,只有慢速互联网连接(您可以检测this方式)的用户。