YouTube Video

Příklad kódu


<div id="yt-video">
  <a href="https://www.youtube.com/watch?v=3nBUJiNlD9E&ab_channel=Houseof%C5%98ez%C3%A1%C4%8D">
    <img src="/img/yt-video.png" alt="Popis videa">
  </a>
  <p>
    <a href="https://www.youtube.com/static?template=terms">Toto YouTube využívá cookies</a>
  </p>
  <script>
    document.querySelector('#yt-video').addEventListener('click', function(e) {
      var tag = document.createElement('script');
      tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); e.preventDefault();
    });

    var player;
    function onYouTubeIframeAPIReady() {
      player = new YT.Player('yt-video', {
        height: '360',
        width: '640',
        videoId: '3nBUJiNlD9E',
        events: {
          'onReady': function(event) {
            event.target.playVideo();
          },
        }
      });
    }
  </script>
</div>
YouTube video

Příklad kódu
