# hostinger/2.2.0/src/js/videos.js

Hostinger Tools, version 2.2.0. 37 lines.

- Page: https://pluginprobe.com/plugins/hostinger/2.2.0/code/src/js/videos.js
- Raw: https://pluginprobe.com/plugins/hostinger/2.2.0/raw/src/js/videos.js
- Modified: 2024-04-15T13:46:16+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/hostinger/2.2.0/code/src/js/videos.js#L10-L20`.

```javascript
import 'video.js/dist/video-js.css';
import videojs from "!video.js";
import 'videojs-youtube'

document.addEventListener( 'DOMContentLoaded', function () {
	// Initialize the Video.js player
	var playerElement = document.getElementById( 'hts-video-player' );

	if ( playerElement ) {
		var player = videojs( 'hts-video-player', {
			"techOrder": [ "youtube" ],
			"sources": [ {
				"type": "video/youtube",
				"src": "https://www.youtube.com/watch?v=WkbQr5dSGLs&t"
			} ]
		} );


		var playlistItems = document.querySelectorAll( '.hsr-playlist-item' );
		if ( playlistItems ) {
			playlistItems.forEach( function ( item ) {
				item.addEventListener( 'click', function () {
					var videoSrc = this.getAttribute( 'data-video-src' );

					player.src( {
						type: 'video/youtube',
						src: videoSrc
					} );

					player.load();
					player.play();
				} );
			} );
		}
	}
} );

```