ProximaEntertainment/plyr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

More styling

Browse Source
This commit is contained in:
Sam Potts
2015-02-15 02:46:11 +11:00
parent f8c6dab92e
commit 61970a948e
9 changed files with 75 additions and 395 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
assets/js/docs.js
View File

@ -11,9 +11,7 @@ var video = new InitPxVideo({
"seekInterval": 20,
"videoTitle": "PayPal Austin promo",
"debug": true,
"html": templates.controls.render({
})
"html": templates.controls.render({})
});
console.log(video);

12
assets/js/simple-media.js
View File

@ -267,11 +267,10 @@ function InitPxVideo(options) {
obj.playAriaLabel = "Play video, " + options.videoTitle;
}
// Get the container, video element, and controls container
// Get the container and video element
obj.container = document.getElementById(options.videoId);
obj.container.className = obj.container.className + " stopped";
obj.movie = obj.container.getElementsByTagName("video")[0];
obj.controls = obj.container.getElementsByClassName("px-video-controls")[0];
// Remove native video controls
obj.movie.removeAttribute("controls");
@ -281,11 +280,14 @@ function InitPxVideo(options) {
// Insert custom video controls
if (options.debug) {
console.log("Inserting custom video controls");
console.log("Inserting custom controls...");
}
obj.controls.innerHTML = options.html
obj.container.insertAdjacentHTML("beforeend", options.html
.replaceAll("{aria-label}", obj.playAriaLabel)
.replaceAll("{id}", obj.randomNum);
.replaceAll("{id}", obj.randomNum));
// Store reference
obj.controls = obj.container.querySelector(".player-controls");
// Responsive ffs
// ----