iPhone问题上的HTML5视频元素答案

【问题标题】：HTML5 video element on iPhone issueiPhone问题上的HTML5视频元素
【发布时间】：2010-12-15 18:59:14
【问题描述】：

当我在 iPhone iOS Safari 浏览器中使用 HTML5 元素并单击占位符以播放视频时，将启动全屏视频播放器...

问题在于，特别是当用户通过 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 彼得

【问题讨论】：

标签： iphone web-applications html mobile-safari html5-video

【解决方案1】：

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

【讨论】：

嗨，马特，首先感谢您的回答和您的时间。我正在查看视频元素，并且触发了一些事件。我可以看到一些像'loadedmetadata'，'progress'等。所以在用户按下“返回”并再次点击按钮播放视频并且这样的事件没有被触发之后，我至少可以显示一些“正在加载......”文本等。这不是一个选项吗？ -------- 非常感谢您的回复。 BR STeN