ページの最上部付近に大きめにYouTube Player APIで動画を表示させているのですが、ローディング時と動画にマウスオンした際YOUTUBEロゴが右下に表示されるのを回避したいです。
また再生中の動画をクリックすると停止してしまう為、クリックしても何も反応せずに自動再生がループされるような制御をしたいのですがうまくいかず何か良い方法がございましたらご教示頂けますと幸いです。
<script type="text/javascript"> //YouTube Player API を読み込みます。 var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var player; function onYouTubeIframeAPIReady() { player = new YT.Player("player", { //"player"の箇所がHTMLのID名を指定 width : "1920", //動画の横幅 height : "1080", //動画の縦幅 videoId : "zqcQsjSY7uQ", //動画のID(URLの「v=〇〇〇〇」の〇〇〇〇部分) wmode: 'transparent', events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange }, playerVars: { loop: 1, playlist: 'zqcQsjSY7uQ', // 再生する動画のリスト rel: 0, controls: 0,//コントローラー無し autoplay: 1,//オートプレイ showinfo: 0 } }); } function onPlayerReady(event) { event.target.mute(); } function onPlayerStateChange(event) { } </script>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/06/27 01:05
2018/06/27 02:03
2018/06/27 02:09