brian/MwitVidPlayer
1
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

Finish hash

Browse Source
This commit is contained in:
Pitchaya Boonsarngsuk
2019-03-23 12:39:02 +00:00
parent 0166b6e371
commit 53f008136e
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
index.js
View File

@@ -87,7 +87,7 @@ const createVidList = () => {
var vidElements = ''; var vidElements = '';
videoList.forEach((item, index) => { videoList.forEach((item, index) => {
vidElements += `<div class="media" id="playlistEntry${index}" onclick="changeVid(${index})" style="transition-timing-function:ease-in-out"> vidElements += `<div class="media" id="playlistEntry${index}" onclick="changeVid(${index})" style="cursor: pointer; transition-timing-function:ease-in-out">
<img class="mr-3" src="${item.thumbnail}" alt="thumbnail" height="96"> <img class="mr-3" src="${item.thumbnail}" alt="thumbnail" height="96">
<div class="media-body"> <div class="media-body">
<h5 class="mt-0">${item.name}</h5> <h5 class="mt-0">${item.name}</h5>
@@ -104,8 +104,8 @@ var hls = null;
var currentVideoIndex = 0; var currentVideoIndex = 0;
if(window.location.hash) { if(window.location.hash) {
let hash = window.location.hash; let hash = window.location.hash;
if(hash.startsWith('#')) { if(hash.startsWith('#playlistEntry')) {
hash = hash.substring(1); hash = hash.substring(14);
} }
if(videoList[hash]){ if(videoList[hash]){
currentVideoIndex = hash; currentVideoIndex = hash;
@@ -113,6 +113,9 @@ if(window.location.hash) {
} }
const changeVid = index => { const changeVid = index => {
if (index === currentVideoIndex){
return;
}
let oldSelectedVideo = document.querySelector(`#playlistEntry${currentVideoIndex}`); let oldSelectedVideo = document.querySelector(`#playlistEntry${currentVideoIndex}`);
oldSelectedVideo.classList.remove("bg-dark"); oldSelectedVideo.classList.remove("bg-dark");
oldSelectedVideo.classList.remove("text-light"); oldSelectedVideo.classList.remove("text-light");
@@ -126,7 +129,7 @@ const changeVid = index => {
titleText.innerHTML = videoList[index].name; titleText.innerHTML = videoList[index].name;
currentVideoIndex = index; currentVideoIndex = index;
window.location.hash = currentVideoIndex; window.location.hash = 'playlistEntry' + currentVideoIndex;
let newSelectedVideo = document.querySelector(`#playlistEntry${currentVideoIndex}`); let newSelectedVideo = document.querySelector(`#playlistEntry${currentVideoIndex}`);
newSelectedVideo.classList.add("bg-dark"); newSelectedVideo.classList.add("bg-dark");