View original (French)

YouTube iframe code not working

Solved
mobrobot -  
Good evening, with the YouTube iframe code I tried to embed a video from my channel, the result shows nothing at all, I went through the YouTube developer page when I embed the proposed code, it seems to give nothing, if you have a solution. Thank you.

2 answers

  1.  mobrobot Author
    Here is the code proposed by YouTube 

    <!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
     <div id="player">
     <iframe width="727" height="409" src="https://www.youtube.com/embed/1gOhh5X5Zsc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
     </div>

    <script>
     // 2. This code loads the IFrame Player API code asynchronously.
     var tag = document.createElement('script');

     //tag.src = "https://www.youtube.com/iframe_api";
     var firstScriptTag = document.getElementsByTagName('script')[0];
     firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

     // 3. This function creates an <iframe> (and YouTube player)
     // after the API code downloads.
     var player;
     function onYouTubeIframeAPIReady(){
     player = new YT.Player('player', {
     height: '390',
     width: '640',
     videoId: 'M7lc1UVf-VE',
     playerVars: {
     'playsinline': 1
     },
     events: {
     'onReady': onPlayerReady,
     'onStateChange': onPlayerStateChange
     }
     });
     }

     // 4. The API will call this function when the video player is ready.
     function onPlayerReady(event) {
     event.target.playVideo();
     }

     // 5. The API calls this function when the player's state changes.
     // The function indicates that when playing a video (state=1),
     // the player should play for six seconds and then stop.
     var done = false;
     function onPlayerStateChange(event) {
     if (event.data == YT.PlayerState.PLAYING && !done) {
     setTimeout(stopVideo, 6000);
     done = true;
     }
     }
     function stopVideo(){
     player.stopVideo();
     }
    </script>
    0