JSFiddle - React, Tailwind, and code Playground

trying Videojs Youtube + flv

by dledle2

HTML

<!--  xxxxx

//  -->
<!--  xxxxx
<script src='ZZhttps://github.com/videojs/videojs-youtube/blob/master/src/Youtube.js'></script>
<script src='https://github.com/videojs/videojs-youtube/raw/master/src/Youtube.js'></script>
//  -->
<!-- https://app.viloud.tv/player/new/lib/Youtube.min.js  // -->
<script src='https://code.jquery.com/jquery-2.2.3.min.js'></script>

<link rel="stylesheet" type="text/css" href="https://vjs.zencdn.net/5.8.8/video-js.css">
<script src='https://vjs.zencdn.net/5.8.8/video.js'></script>

<script src='https://cdnjs.cloudflare.com/ajax/libs/videojs-youtube/2.4.0/Youtube.min.js'></script>



<video id="player" class="video-js vjs-default-skin vjs-big-play-centered" controls autoplay preload="auto" width="640" height="360" data-setup='{"techOrder": ["html5","flash","youtube"]}'></video>
<br/>
<a id="nextVideo" href="#">Next video</a>

JavaScript

videojs('player').ready(function() {

  var player = this;
  player.src({
    type: 'video/youtube',
    src: 'https://www.youtube.com/watch?v=y6Sxv-sUYtM'
  });

  $("#nextVideo").on('click', function() {
    player.pause();
    player.src([{
      type: 'video/flv',
      srcZZZ: 'https://app.viloud.tv/player/resources/110423795.mp4'
      src: 'https://d26ua9paks4zq.cloudfront.net/a8/8a/2cc6b88546479955f78401633451/tracy-karolyi-34mq5-about-me-video.flv'

    }]);
  });
});