Display videowall that contain youtube related videos, on the end of the video.
Check out live demo here.
Plugin detects youtube video id, then download related video list from gdata.youtube.com, parse it and display as images on the end of video. When user clicks on thumbnail, script changes player source to new video and play it.
Download videojs and videojs-youtube
In your web page:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="video-js.css">
<link rel="stylesheet" type="text/css" href="videojs.youtubeVideowall.css">
</head>
<body>
<video id="video" class="video-js vjs-default-skin" controls preload="auto" width="640" height="360"> </video>
<script type="text/javascript" src="video.js"></script>
<script type="text/javascript" src="vjs.youtube.min.js"></script>
<script type="text/javascript" src="videojs.youtubeVideowall.js"></script>
<script type="text/javascript">
videojs('video', {'techOrder': ['youtube'], 'src': 'https://www.youtube.com/watch?v=eRsGyueVLvQ'}, function()
{
this.youtubeVideowall();
});
</script>
</body>
</html>