我相信这应该很容易,但我在别处找不到答案…
我正在通过iframe在我的域名上嵌入一个youtube(直播)视频。我已经设法检测当用户点击暂停/播放按钮使用javascript事件定义在onYouTubeIframeAPIReady。我想检测当用户点击扬声器图标(声音静音/声音打开),在全屏按钮,以及当他/她点击"去youtube"按钮。
这可能吗?
提前感谢您的帮助。
你可以利用Youtube嵌入API和隐藏标准控件与controls:0
选项。用你需要的所有回调/事件处理程序添加你自己的控件。
最好的选择-你可以使用球员事件,并采取相应的行动。有onStateChange
可用,因此,您可以检测和验证暂停/取消暂停。静音状态也可以验证-您需要使用isMuted()
方法不断检查静音状态。
对于Youtube按钮点击我看到这种方式来检查-你可以通过visibilitychange
监视窗口活动状态,并检查iframe焦点状态以获得视频详细信息(我猜不会在全屏下工作)。
fullscreen - fullscreenchange事件。在当前活动(播放)视频,你可以检查确切的嵌入视频,全屏点击。我不确定在用户点击播放按钮之前点击全屏的情况