在 HTML5 视频标签中使用 QuickTime/JavaScript API答案

【问题标题】：using QuickTime/JavaScript API in a HTML5 video tag在 HTML5 视频标签中使用 QuickTime/JavaScript API
【发布时间】：2011-10-06 12:42:51
【问题描述】：

我正在使用新的视频标签构建一个 HTML5 网络应用程序。我使用了大部分新功能，但其中一些还没有实现，我可以使用旧的 QT/JS API。

Apple 为此提供了文档： http://developer.apple.com/library/safari/#documentation/QuickTime/Conceptual/QTScripting_JavaScript/bQTScripting_JavaScri_Document/QuickTimeandJavaScri.html#//apple_ref/doc/uid/TP40001526-CH001-SW5

但这只是 vor 对象或嵌入标签。你知道有没有办法使用视频标签来做到这一点？

（我请求的全部目的是在 iOS 上捕捉用户可以实际按下视频播放的事件）

【问题讨论】：

标签： javascript ipad html video quicktime

【解决方案1】：

如果我正确理解您希望在用户开始播放 HTML5 视频时捕捉事件，您可以使用以下事件：

videoElements = document.getElementsByTagName("video");

for (var i = 0; i < videoElements.length; i++) {
    ele = videoElements[i];
    ele.addEventListener("play", onVideoPlay);
    ele.addEventListener("pause", onVideoPause);
    ele.addEventListener("ended", onVideoEnded);
}

或者是你想要达到的其他目标？

【讨论】：

不是真的！ HTML5 将允许我这样做。不，我希望在播放按钮可用时（而不是实际按下时）之前的事件。我认为它是 QT 中的 qt_loadedmetadata。但是 HTML5 onloadedmetadata 事件最终会在播放点击后触发...
啊，好吧。你见过这个问题：stackoverflow.com/questions/5181865/… 吗？也许这有帮助。
是的，但这些都是关于规格和东西的非常理论的讨论。实际发生的是，当视频的第一帧出现时，readyState 变为 4，这显然是在缓冲开始等之后（至少在 Safari 5 上）