Changes

Jump to navigation Jump to search
722 bytes added ,  19:30, 22 May 2023
no edit summary
Line 3: Line 3:       −
<u><b>The following are some useful YouTube videos:</b></u>
+
<u><b>The following are some useful YouTube videos:</b></u> <br>
 +
 
 +
<html>
 +
  <head>
 +
    <title>YouTube Video Click-to-Play</title>
 +
  </head>
 +
  <body>
 +
    <div id="video-container">
 +
      <button onclick="loadVideo('efR1C6CvhmE')">Click to Play</button>
 +
    </div>
 +
 
 +
    <script>
 +
      function loadVideo(videoId) {
 +
        var container = document.getElementById('video-container');
 +
        var videoUrl = 'https://www.youtube.com/embed/' + videoId;
 +
 
 +
        var iframe = document.createElement('iframe');
 +
        iframe.src = videoUrl;
 +
        iframe.width = 960;
 +
        iframe.height = 540;
 +
        iframe.setAttribute('allow', 'autoplay');
 +
        container.innerHTML = ''; // Clear existing content
 +
        container.appendChild(iframe);
 +
      }
 +
    </script>
 +
  </body>
 +
</html>
 +
 
 +
 
    
=== <u>Part 1</u> ===
 
=== <u>Part 1</u> ===
Line 23: Line 51:  
         var iframe = document.createElement('iframe');
 
         var iframe = document.createElement('iframe');
 
         iframe.src = videoUrl;
 
         iframe.src = videoUrl;
         iframe.width = 400;
+
         iframe.width = 960;
         iframe.height = 240;
+
         iframe.height = 540;
 
         iframe.setAttribute('allow', 'autoplay');
 
         iframe.setAttribute('allow', 'autoplay');
 
         container.innerHTML = ''; // Clear existing content
 
         container.innerHTML = ''; // Clear existing content
Line 54: Line 82:  
         var iframe = document.createElement('iframe');
 
         var iframe = document.createElement('iframe');
 
         iframe.src = videoUrl;
 
         iframe.src = videoUrl;
         iframe.width = 400;
+
         iframe.width = 960;
         iframe.height = 240;
+
         iframe.height = 540;
 
         iframe.setAttribute('allow', 'autoplay');
 
         iframe.setAttribute('allow', 'autoplay');
 
         container.innerHTML = ''; // Clear existing content
 
         container.innerHTML = ''; // Clear existing content
Line 85: Line 113:  
         var iframe = document.createElement('iframe');
 
         var iframe = document.createElement('iframe');
 
         iframe.src = videoUrl;
 
         iframe.src = videoUrl;
         iframe.width = 400;
+
         iframe.width = 960;
         iframe.height = 240;
+
         iframe.height = 540;
 
         iframe.setAttribute('allow', 'autoplay');
 
         iframe.setAttribute('allow', 'autoplay');
 
         container.innerHTML = ''; // Clear existing content
 
         container.innerHTML = ''; // Clear existing content
581

edits

Navigation menu