Learning Center

Find answers to all your questions

Plus Themes – Video Player

This video player requires some knowledge of javascript and if used incorrectly, this can potentially ruin your website. If this happens please delete the code you have added.

You can download the open source code here

Once downloaded, click here to learn how to upload the two files ytv.css & ytv.js to your webdrive.

Place the following code in the <head> section of the page you are adding the player to. Click here to learn how.

<link href="_media/ytv.css" type="text/css" rel="stylesheet" />
<script src="_media/ytv.js" type="text/javascript"></script>

Place the following code in the </body> section of the page you are adding the player to. Click here to learn how, but place it in the third option in the advanced section.

<script>
	$(window).load(function(){
		$('#frame').ytv({
			element: null,
			user: "YOUTUBE-USERNAME", //Modify this username to display videos
			playlist: '',
			fullscreen: false,
			accent: '#fff',
			controls: true,
			annotations: false,
			autoplay: false,
			chainVideos: true,
			browsePlaylists: false,
			wmode: 'opaque',
			events: {
				videoReady: function(){},
				stateChange: function(){}
		}
		});
	});
</script>

Next, in order to display your new video player, paste the following code in a HTML weblet. Click here to learn how.

<div id="frame"></div>

Original code from: https://github.com/jakiestfu/Youtube-TV

Back To Top
ARTICLE FEEDBACK

Let us know your thoughts on this article

Please tell us what do you think, any kind of feedback is highly appreciated.

All fields required

Please leave this field empty.

×
ARTICLE REQUEST

Article Request

Is there an article you cant find or would like to see? Let us know.

Please leave this field empty.

×