3

プレーヤーが全画面表示になったときにyt-fullscreen、要素にクラス (例: )を追加したいと考えています。<body>

プレーヤーがフルスクリーン モードになったときに取得する方法はありますか?

ドキュメントでは、それに関連するイベントは見つかりませんでした。

プレーヤーがフルスクリーン状態かどうかを確認する方法はありますか?

4

1 に答える 1

2

このようにしてみてください：

<!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 しか取得していないため、Player を確認できません。残っているのは、iframe を操作することだけです。

于 2016-05-06T05:58:56.110 に答える