Tv

Video Playlist MOD Xavier Suarez

@media (max-width: 999px){
.container{grid-template-columns:1.5fr 1fr;padding:10px;}}
@media (max-width: 768px){
.container{grid-template-columns:1fr;

https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js

let listVideo = document.querySelectorAll(‘.video-list .vid’);
let mainVideo = document.querySelector(‘.main-video video’);
let title = document.querySelector(‘.main-video .title’);

listVideo.forEach(video =>{
video.onclick = () =>{
listVideo.forEach(vid => vid.classList.remove(‘active’));
video.classList.add(‘active’);
if(video.classList.contains(‘active’)){
let src = video.children[0].getAttribute(‘src’);
mainVideo.src = src;
let text = video.children[1].innerHTML;
title.innerHTML = text;
};
};
});

https://cdn.plyr.io/3.6.12/plyr.js
// new Plyr(player));
//]]>