Advertisement
Guest User

Untitled

a guest
Dec 11th, 2019
104
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <body>
  2.             <iframe id="iframeBlock" width="250" height="115" src="" class="hides" frameborder="0" allowfullscreen></iframe>
  3.             <input type="radio" name="video" id="example1" onclick="buka()"><label for="video">Video 1</label><br>
  4.             <input type="radio" name="video" id="example2" onclick="buka()"><label for="video">Video 2</label>
  5.             <hr>
  6.             <button type="button" id="play" onclick="playvideoBlock()">Play</button>
  7.             <button type="button" id="close" onclick="closevideoBlock()">Close</button>
  8.  
  9.             <style>
  10.               label {
  11.                 display: inline-block;
  12.                 margin-left: 5px;
  13.               }
  14.               .shows {
  15.                 display: block;
  16.               }
  17.               .hides {
  18.                 display: none;
  19.               }
  20.             </style>
  21.  
  22.             <script type="text/javascript">
  23.                 function playvideoBlock() {
  24.                   var ex1 = document.getElementById("example1").checked;
  25.                   var ex2 = document.getElementById("example2").checked;
  26.  
  27.                   if(ex1 === true) {
  28.                     document.getElementById("iframeBlock").setAttribute("src", "https://www.youtube.com/embed/TRJkxG2GTjw");
  29.                     document.getElementById("iframeBlock").setAttribute("class", "show");
  30.                   }
  31.                   if(ex2 === true) {
  32.                     document.getElementById("iframeBlock").setAttribute("src", "https://www.youtube.com/embed/9uKVI6_Fm4g");
  33.                     document.getElementById("iframeBlock").setAttribute("class", "show");
  34.                   }
  35.                 }
  36.                 function closevideoBlock() {
  37.                   var ex1 = document.getElementById("example1").checked;
  38.                   var ex2 = document.getElementById("example2").checked;
  39.  
  40.                   if(ex1 === true) {
  41.                     document.getElementById("iframeBlock").setAttribute("class", "hides");
  42.                   }
  43.                   if(ex2 === true) {
  44.                     document.getElementById("iframeBlock").setAttribute("class", "hides");
  45.                   }
  46.                 }
  47.               </script>
  48.           </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement