web memo

youtubeを背景動画としてループ再生させる
先頭の方はcoverの代わりの処理

<script>

$(function(){

    _resize();
    $(window).resize(function() {
      _resize();
    });
    function _resize(){
      var wwidth = $(window).width();
      var wheight = $(window).height();
      var aspectRatio = wwidth / wheight
      if(aspectRatio >= 1){
        //横長の処理
        $('.youtube_cover').css({'padding-top':'56.25%'});
        $('.youtube_cover').css({'width':'100%'});
        $('.youtube_cover iframe').css({'width':'100%'});
      }else{
        //縦長の処理
        $('.youtube_cover').css({'padding-top':'56.25%'});
        $('.youtube_cover').css({'width':wheight});
        $('.youtube_cover iframe').css({'width':wheight});
      }
    }

    var tag = document.createElement('script');
    tag.src = "https://www.youtube.com/player_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
    var player;
    window.onYouTubeIframeAPIReady=function() {
      player = new YT.Player('ytplayer', {
        width:'auto',
        height: '_hsize',
        videoId: 'cYOF6SIyDHQ',
        "wmode": "opaque",
        'origin': location.protocol + '//' + location.hostname + "/",
        events: {
            'onReady': onPlayerReady, //プレイ準備完了時の動作
            'onStateChange': onPlayerStateChange // プレーヤーの状態が変更されたときに実行
          },
          playerVars: {
            'html5': 1,
            controls:0,
            rel: 0, 
            enablejsapi: 1,
            playsinline: 1,
            autoplay: 1, 
            iv_load_policy: 3,
            disablekb:1, 
            showinfo: 0
          }
      });
      //プレイ準備完了時の動作
      function onPlayerReady(event) {
              event.target.playVideo();
              event.target.mute();
      }
      // プレーヤーの状態が変更されたとき
      function onPlayerStateChange(event) {
        event.target.playVideo();
      }
    }
});
  </script>