← All changes | src/js/videos.js +28 -21 1.8.1 → 2.0.7 View file →

		@@ -1,29 +1,36 @@
1	1	import 'video.js/dist/video-js.css';
2	2	import videojs from "!video.js";
3	3	import 'videojs-youtube'
4	4
5		-document.addEventListener('DOMContentLoaded', function() {
	5	+document.addEventListener( 'DOMContentLoaded', function () {
6	6	// Initialize the Video.js player
7		- var player = videojs('hts-video-player', {
8		- "techOrder": ["youtube"],
9		- "sources": [{
10		- "type": "video/youtube",
11		- "src": ""
12		- }]
13		- });
	7	+ var playerElement = document.getElementById( 'hts-video-player' );
14	8
15		- var playlistItems = document.querySelectorAll('.hsr-playlist-item');
16		- playlistItems.forEach(function(item) {
17		- item.addEventListener('click', function() {
18		- var videoSrc = this.getAttribute('data-video-src');
	9	+ if ( playerElement ) {
	10	+ var player = videojs( 'hts-video-player', {
	11	+ "techOrder": [ "youtube" ],
	12	+ "sources": [ {
	13	+ "type": "video/youtube",
	14	+ "src": "https://www.youtube.com/watch?v=WkbQr5dSGLs&t"
	15	+ } ]
	16	+ } );
19	17
20		- player.src({
21		- type: 'video/youtube',
22		- src: videoSrc
23		- });
24	18
25		- player.load();
26		- player.play();
27		- });
28		- });
29		-});
	19	+ var playlistItems = document.querySelectorAll( '.hsr-playlist-item' );
	20	+ if ( playlistItems ) {
	21	+ playlistItems.forEach( function ( item ) {
	22	+ item.addEventListener( 'click', function () {
	23	+ var videoSrc = this.getAttribute( 'data-video-src' );
	24	+
	25	+ player.src( {
	26	+ type: 'video/youtube',
	27	+ src: videoSrc
	28	+ } );
	29	+
	30	+ player.load();
	31	+ player.play();
	32	+ } );
	33	+ } );
	34	+ }
	35	+ }
	36	+} );