HTML5的
我想捕获并处理这个用户操作,但似乎当按下按钮并播放器进入全屏模式时,它不会触发事件。
以下是HTMLVideoElement类的Safari API链接:
然而,他们似乎没有任何事件来处理视频进入全屏模式的情况。
我们可以通过调用webkitEnterFullscreen()来响应用户操作并将视频强制进入全屏模式,但这对我没有帮助。我需要知道用户何时点击全屏按钮。
隐藏控件并替换为自己的自定义控件听起来是一种非常冗长的解决方案。
我能想到的另一个选项是设置定时事件,不断检查webkitDisplayingFullscreen属性,但从内存管理的角度来看,这似乎是一件不好的事情。
有人能提出更好的解决方案吗?
<video>
标签在Safari移动设备(iOS)上为用户提供了一个切换全屏模式的按钮。我想捕获并处理这个用户操作,但似乎当按下按钮并播放器进入全屏模式时,它不会触发事件。
以下是HTMLVideoElement类的Safari API链接:
https://developer.apple.com/documentation/webkitjs/htmlvideoelement
我们可以轻松地在Javascript中找出视频何时暂停或播放,就像这样:function onload()
{
var player = document.getElementsByTagName("video")[0];
player.addEventListener('play',videoPlayHandler,false);
player.addEventListener('pause',videoPauseHandler,false);
}
然而,他们似乎没有任何事件来处理视频进入全屏模式的情况。
我们可以通过调用webkitEnterFullscreen()来响应用户操作并将视频强制进入全屏模式,但这对我没有帮助。我需要知道用户何时点击全屏按钮。
隐藏控件并替换为自己的自定义控件听起来是一种非常冗长的解决方案。
我能想到的另一个选项是设置定时事件,不断检查webkitDisplayingFullscreen属性,但从内存管理的角度来看,这似乎是一件不好的事情。
有人能提出更好的解决方案吗?