JSFiddle - React, Tailwind, and code Playground

by dledle2

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Video.js RTMP Example Embed</title>

<video>  <source src="https://d26ua9paks4zq.cloudfront.net/a8/8a/2cc6b88546479955f78401633451/tracy-karolyi-34mq5-about-me-video.flv" type='video/x-flv'></video>

  
  
  
    <video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268" 
  data-setup='{}'>
     <source src='https://d26ua9paks4zq.cloudfront.net/a8/8a/2cc6b88546479955f78401633451/tracy-karolyi-34mq5-about-me-video.flv' type='video/x-flv'>
  </video>
  
  
  
  
  <link href="http://vjs.zencdn.net/4.11/video-js.css" rel="stylesheet">
  <script src="http://vjs.zencdn.net/4.11/video.js"></script>
  
</head>
<body>
  <h1>Video.js RTMP Example Embed</h1>
  <p>Keep in mind that RTMP playback requires Flash, which only seems to work in the standalone player for JSBin. If you can see the HTML, JavaScript, or CSS code at the same time that you're viewing this player, you need to click the small arrow in the top right of the Output pane.</p>

  <video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268" 
  data-setup='{}'>
    <source src="http://tvemsnbc-lh.akamaihd.net/i/nbcmsnbc_1@122532/master.m3u8?sd=10&rebase=on" type='application/x-mpegURL'>
  </video>
  
  <script>
  </script>
  
</body>
</html>

JavaScript

/* todo_create a function, myFuncHideJSFiddleHeaderAndTabs()  */
(window.setTimeout(function() {



  try {
     console.log('now trying to open a window using document.open');
     document.open(document.location.href, '', '');
  } catch (e) {}



  try {
    window.top.document.querySelectorAll('header')[0].style.display = "none";
  } catch (e) {}

  try {
    document.querySelectorAll('#tabs')[0].style.marginTop = '0px';
    document.querySelectorAll('#tabs')[1].style.marginTop = '0px';
    document.querySelectorAll('#tabs')[2].style.marginTop = '0px';
    document.querySelectorAll('#tabs')[3].style.marginTop = '0px';
    document.querySelectorAll('#tabs')[4].style.marginTop = '0px';
  } catch (e) {}
  void(0);
  

}, 1000));
void(0);