Code Setup Example
Code snippet
<script src="/videojs/video.min.js"></script><script src="/videojs/nuevo.min.js"></script><script src="/videojs/plugins/youtube.js"></script><video id="example_video_1" class="video-js" controls preload="auto" playsinline width="640" height="360"><source src="https://www.youtube.com/watch?v=VbAyLxGC42o" type="video/youtube"></video>
<script>const player = videojs('example_video_1',{"techOrder": ["youtube"]});player.nuevo();</script>Code snippet
<script src="/videojs/video.min.js"></script><script src="/videojs/nuevo.min.js"></script><script src="/videojs/plugins/youtube.js"></script><video id="example_video_1" class="video-js" controls preload="auto" playsinline width="640" height="360"></video>
<script>const player = videojs('example_video_1',{techOrder: ["youtube"],sources: [{src: "https://www.youtube.com/watch?v=VbAyLxGC42o", type: "video/youtube", }]});player.nuevo();</script>1. On touch devices, the control bar is not accessible and is hidden. The original Youtube control bar is displayed instead. So the player layout does not differ from the YouTube embed player.
2. The Youtube API player is not suitable for use as a playlist item. Playlist items play one after another automatically. The Youtube player is loaded from a new, separate HTML document, and browser's policy prevents autoplaying video until the user interacts with the player (by clicking or touching it).
3. The API for Youtube player has not been updated in 10 years. Video playback technology has changed significantly over that time. Many of Youtube player API options have been silently disabled. Being serious, we find Youtube video playback through a 3rd party player pretty pointless.