Tag: html5 video

通过iphone上的HTML5video元素,我如何检测“暂停”和“完成”之间的区别?

这是这个问题的延伸 根据我的研究,对于iPhone / iPad上的video元素,按“完成”和“暂停”触发“暂停”事件。 所以,如果我有一些想要的网页行为,我想按下“完成”button时,我需要听取“暂停”事件。 player = document.getElementById('videoplayer'); player.addEventListener("pause", function() { //desired "done button" behavior defined here }, false); 根据Arv-ToolTwist对原始问题的回答 ,“区分完成”和“暂停”的方式是通过检查webkitDisplayingFullscreen布尔值(因为“完成”button从全屏退出,布尔值将返回false)。 player.addEventListener("pause", function() { if(!player.webkitDisplayingFullscreen) { //desired "done button" behavior defined here } }, false); 然而,在用户在全屏模式下暂停video,然后在暂停video时按下“完成”的情况下,不会启动“期望的完成button行为”。 我的研究是关于这个问题的小信息,但是我的假设是,“暂停”事件不会被第二次触发,或者在webkitDisplayingFullscreen布尔值更改为“false”之前被第二次触发。 。 无论哪种方式,该设备可以告诉“完成”和“暂停”之间的差异(即使玩家已经暂停),所以我想知道 如何设备告诉差异,和 是否有办法检测播放器何时退出全屏模式,以便即使当播放器已经暂停时,仍然检测到按下“完成”button并且仍然开始期望的行为。

如何检测HTML5自动播放属性是否受支持?

如何最好地检测浏览器的HTML5video元素是否支持自动播放? 例如,在当前的iOS Safari中, 自动播放function处于禁用状态 。 更新:我现在devise的网页,它的工作方式,而不pipe是否支持自动播放。 现在当页面加载时,显示一个初始化video 。 在iPad上,用户将看到一个大的播放button。 一旦播放被触发,video被隐藏。 之后,可以通过JavaScript控制video播放器的播放 ,这正是我真正需要的。

如何确定HTML5video播放器何时进入iOS / iPad上的全屏模式?

HTML5标签为用户提供了一个button,用于在移动设备(iOS)的Safari上打开和closures全屏模式。 我想要捕捉和处理这个用户操作,但是当按下button并且播放器进入全屏模式时,似乎不会引发事件。 以下是HTMLVideoElement类的Safari API的链接: http://developer.apple.com/library/safari/#documentation/AudioVideo/Reference/HTMLVideoElementClassReference/HTMLVideoElement/HTMLVideoElement.html#//apple_ref/doc/uid/TP40009356 我们可以很容易地找出video在Javascript中播放的时间,例如: function onload() { var player = document.getElementsByTagName("video")[0]; player.addEventListener('play',videoPlayHandler,false); player.addEventListener('pause',videoPauseHandler,false); } 但是,当video进入全屏模式时,他们似乎没有任何事件。 我们可以通过调用webkitEnterFullscreen()来强制video进入全屏模式,以响应用户的操作,但是这对我没有帮助。 我需要知道用户何时点击全屏button。 隐藏控件并用自己的自定义控件replace它们听起来像是一个非常长的解决scheme。 我能想到的另一个select是设置计时事件,不断检查webkitDisplayingFullscreen属性,但是在内存pipe理方面感觉这是一件坏事。 任何人都可以build议更好的解决