title: Trying to Use VideoJS, VideoJS-YouTube, VideoJS-Playlist, and VideoJS-Playlist-UI
body: <p>I'm working on a website where I'm trying to make a custom themed playlist to play videos hosted on YouTube. I've successfully used VideoJS &amp; VideoJS-YouTube together in another part of the site, but after introducing VideoJS-Playlist &amp; VideoJS-Playlist-UI, I've ran into some issues. After attempting a few different ways of loading up the YouTube video, no source seems to come through. I do have a playlist being rendered however, which makes me think I'm either implementing VideoJS-YouTube incorrectly.</p>
  
  <p>Here's my working example <strong>without VideoJS-Playlist &amp; VideoJS-Playlist-UI</strong>:</p>
  
  <p><a href="https://codepen.io/LinkChef/pen/yZpJVP" rel="noreferrer">Working CodePen Example</a></p>
  
  <p>OR</p>
  
  <pre><code>&lt;video class="videos-video video-js vjs-default-skin vjs-big-play-centered" controls data-setup='{ "techOrder": ["youtube"], "sources": [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=voFRslp8d60"}], "youtube": { "ytControls": 1 } }'&gt;&lt;/video&gt;
  </code></pre>
  
  <p>Here's my not working example, <strong>using VideoJS-Playlist &amp; VideoJS-Playlist-UI</strong>:</p>
  
  <p><a href="https://codepen.io/LinkChef/pen/xMpEdw" rel="noreferrer">Broken CodePen Example</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div&gt;
    &lt;video id="current-video" class="video-js vjs-default-skin vjs-big-play-centered"&gt;&lt;/video&gt;
  &lt;/div&gt;
  &lt;div&gt;
    &lt;div class="vjs-playlist vjs-playlist-vertical vjs-csspointerevents vjs-mouse"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>AND JS:</p>
  
  <pre><code>var options = {
      techOrder: ["youtube"],
      youtube: {
          ytControls: 1
      }
  };
  var player = videojs('current-video', options);
  
  player.playlist([{
      sources: [{
          src: 'https://www.youtube.com/watch?v=voFRslp8d60',
          type: 'video/youtube'
      }]
  }]);
  
  player.playlistUi();
  </code></pre>
  
  <p>If there's a way to get a YouTube video playing using these two extra plugins, I'll take any advice as to how. Thank you!</p>