YouTube播放器API全屏事件
YouTube Player API Fullscreen event
当玩家进入全屏时,我想向<body>
元素添加一个类(例如yt-fullscreen
)。
当玩家进入全屏模式时,有没有办法获得?
在文档中,我没有发现任何与此相关的事件。
也许有办法检查玩家是否处于全屏状态?
这样尝试:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>yt fullscreen</title>
<script src="//code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="//cdn.rawgit.com/vincepare/iframeTracker-jquery/master/jquery.iframetracker.js"></script>
</head>
<body>
<div class="yt">
<iframe width="560" height="315" src="https://www.youtube.com/embed/C0DPdy98e4c" frameborder="0" allowfullscreen></iframe>
</div>
<script>
$(document).ready(function($){
$('iframe').iframeTracker({
blurCallback: function(){
setTimeout(function(){
if ($('iframe').width()<=560) {
$('body').removeClass('yt-fullscreen');
}else{
$('body').addClass('yt-fullscreen');
}
}, 2000);
}
});
});
</script>
</body>
</html>
无法检查玩家,因为我们只得到iframe。所以剩下的就是使用iframe了。
相关文章:
- 如何在多承诺链中处理谷歌地图API V3事件
- 如何通过bxSlider回调api处理事件
- 在JQuery中使用谷歌地图Api事件/侦听器
- YouTube播放器API全屏事件
- 如何在Slack API中与事件交互
- 删除Google Calander API中的事件
- 谷歌地图API-点击事件仅在边缘点击时触发
- 谷歌地图API v3调整大小事件
- 谷歌地图 api v3 搜索多边形没有鼠标事件
- 在谷歌地图 API 中,不会为 img 元素触发 Onclick 事件
- 如何将waze事件标记添加到带有流量的google地图javascript API生成的地图
- API Google Maps Javascript在上下文菜单中调用事件侦听器
- 正在更新API事件上的innerHTML
- YouTube API-动态添加事件侦听器
- 在谷歌地图API v3和MarkerWithLabel上添加多个事件侦听器
- 谷歌地图api v3 zoom_changed事件在fitBounds调用后激发了两次
- Piwik事件API-如何查询单个操作
- 我如何访问FooBox灯箱jQuery事件API
- jQuery特殊事件API
- 在其他元素中,不起作用 PhoneGap 事件 API ex) 后退按钮