jquery.mb.YTPlayer Sample

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.mb.YTPlayer/3.3.9/css/jquery.mb.YTPlayer.min.css">
<h1>jquery.mb.YTPlayer Sample</h1>
<div id="ytPlayer" data-property="{
  videoURL: 'https://www.youtube.com/watch?v=r1xohS2u69E',
  autoPlay: true,
  loop: 1,
  mute: true,
  showControls: false,
  showYTLogo: false,
}">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mb.YTPlayer/3.3.9/jquery.mb.YTPlayer.min.js"></script>
<script>
$(function() {
  $("#ytPlayer").YTPlayer();
});
</script>

元記事を表示する