HTML5中的事件监听器iPad Safari上的视频无法正常工作？

问题描述：

我在<head>中有这个：HTML5中的事件监听器iPad Safari上的视频无法正常工作？

<script> 
     function log(event){ 
    var Url = "./log.php?session=<?php echo session_id(); ?>&event=" + event; 

     xmlHttp = new XMLHttpRequest(); 
     xmlHttp.open("GET", Url, true); 
     xmlHttp.send(null); 

    } 
</script>

这在<body>：

<video id="video" src="./video/LarryVideo.mp4" 
    controls="controls" 
    poster="./img/video_poster.jpg" 
    onabort="log('onabort');" 
    oncanplay="log('oncanplay');" 
    oncanplaythrough="log('oncanplaythrough');" 
    ondurationchange="log('ondurationchange');" 
    onemptied="log('onemptied');" 
    onended="log('onended');" 
    onerror="log('onerror');" 
    onloadeddata="log('onloadeddata');" 
    onloadedmetadata="log('onloadedmetadata');" 
    onloadstart="log('onloadstart');" 
    onpause="log('onpause');" 
    onplay="log('onplay');" 
    onplaying="log('onplaying');" 
    onprogress="log('onprogress');" 
    onratechange="log('onratechange');" 
    onreadystatechange="log('onreadystatechange');" 
    onseeked="log('onseeked');" 
    onseeking="log('onseeking');" 
    onstalled="log('onstalled');" 
    onsuspend="log('onsuspend');" 
    ontimeupdate="log('ontimeupdate');" 
    onvolumechange="log('onvolumechange');" 
    onwaiting="log('onwaiting');"> 
    <script> 
     QT_WriteOBJECT('./video/LarryVideo.mp4', 
      '380px', '285px',   // width & height 
      '',       // required version of the ActiveX control, we're OK with the default value 
      'scale', 'tofit',   // scale to fit element size exactly so resizing works 
      'emb#id', 'video_embed', // ID for embed tag only 
      'obj#id', 'video_obj');  // ID for object tag only 
    </script> 
</video>

我的普通Safari按预期创建了很好的日志文件条目。然而，来自iPad的Mobile Safari根本不做任何事情。

这可能有什么问题？

谢谢！

答

我一直没能得到的readyState的在iPad上保持要么，但你可以让其他事件更多或更少的让你推断的readyState。

var audio = new Audio("someSource.mp3"); 
    audio.play(); 
/* you may need to use .load() depending on how the event was initiated */ 
    audio.addEventListener("canplay", handleCanPlay, false); 
    audio.addEventListener("durationchange", handleDurationChange, false);

但是让我们很清楚，问题是苹果几乎是告诉整个该死的世界，他们使用互联网是错误的。诚然，每个人都讨厌开始播放音乐的网站，他们加载的第二个，但随后苹果公司坚持并杀死任何/所有缓存的音频/视频，这并非由用户的手势明确发起，因为苹果公司显然认为他们的用户过于迟钝如果一个网站困扰他们，就会击中“返回”;粉丝也同意。如果我们敢于尝试和管理任何类型的声音效果，这基本上会让我们其他人破解我们的应用程序。我知道这不是咆哮的地方......但如果在iPad上构建HTML5中的有趣/互动体验的柔和并不是一个接一个的facepalm，那么我会被诅咒......不管是5MB缓存限制如果一个页面有太多（根据Apple的图片）或难以预装各种媒体来增强用户界面，浏览器就会崩溃浏览器 - 严重的是，除了WordPress博客和RSS阅读器之外，移动Safari对HTML5的实施还是非常值钱。所以HTML5的梦想“一次构建，随处播放”的价值主张是死的，我们回去deving本地应用......至少这给了我们搞好安全/咆哮

+10

他提供了一个解决方法。而且，地狱，我向他大声咆哮。 – 2012-06-05 03:05:40

我分享>>每一个fck * ng日 ppalmeida 2014-04-16 23:16:02

HTML5中的事件监听器iPad Safari上的视频无法正常工作？

相关推荐