YouTube Player APIフルスクリーンイベント

フルスクリーンになると、<body>エレメントにクラス（例：yt-fullscreen）を追加します。YouTube Player APIフルスクリーンイベント

フルスクリーンモードになったら、を取得する方法はありますか？

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

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

2016-05-06 Ionică Bizău

も参照してくださいhttps://stackoverflow.com/q/24389115/32453 – rogerdpack

@rogerdpackもちろん、iframeがフルスクリーンであるかどうかはわかりません。 –

は次のように試してみてください：我々は唯一のiframeを得るため

<!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>

Playerが確認することはできません。したがって、残っているのはiframeで作業することだけです。

出典

2016-05-06 05:58:56 jakob

'width === window.innerWidth && height === window.innerHeight'なら、それはフルスクリーンだと、私は安全に仮定できます。アイデアをありがとう。 –

非常に良い解決策+1 –

ユーザーがキーボードショートカットを使用してフルスクリーンに切り替えると、これは機能しません。 – Taylan

YouTube Player APIフルスクリーンイベント

答えて

関連する問題