Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>videojs-contrib-hls embed</title>
  
  <!--
​
  Uses the latest versions of video.js and videojs-http-streaming.
​
  To use specific versions, please change the URLs to the form:
​
  <link href="https://unpkg.com/video.js@6.7.1/dist/video-js.css" rel="stylesheet">
  <script src="https://unpkg.com/video.js@6.7.1/dist/video.js"></script>
  <script src="https://unpkg.com/@videojs/http-streaming@0.9.0/dist/videojs-http-streaming.js"></script>
​
  -->
​
  <link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
</head>
<body>
  <h1>AWS Media Convert</h1>
​
  <video-js id="my_video_1" class="vjs-default-skin" controls preload="auto" width="640" height="268">
    <source src="https://d25hd5yfabpc2n.cloudfront.net/c0017bfe-3617-47a5-9525-86d69c73cf57/master.m3u8" type="application/x-mpegURL">
  </video-js>
  
  <h1>FFMPEG Locally</h1>
  
  <video-js id="my_video_2" class="vjs-default-skin" controls preload="auto" width="640" height="268">
    <source src="https://d25hd5yfabpc2n.cloudfront.net/stackoverflow/master.m3u8" type="application/x-mpegURL">
  </video-js>
  
  <button id='playBoth'>Play Both together</button>
  
  <script src="https://unpkg.com/video.js/dist/video.js"></script>
  <script src="https://unpkg.com/@videojs/http-streaming/dist/videojs-http-streaming.js"></script>
  
  <script>
    var player = videojs('my_video_1');
    var player2 = videojs('my_video_2');
    var button = document.getElementById("playBoth");
    button.addEventListener("click",function(e){
      player.play();
      player.currentTime(0);
      player2.play();
      
    },false);
  </script>
  
</body>
</html>
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers