32 lines
684 B
JavaScript
32 lines
684 B
JavaScript
var vid = document.getElementById("bgvid");
|
|
var pauseButton = document.querySelector("#polina button");
|
|
|
|
if (window.matchMedia('(prefers-reduced-motion)').matches) {
|
|
vid.removeAttribute("autoplay");
|
|
vid.pause();
|
|
pauseButton.innerHTML = "Paused";
|
|
}
|
|
|
|
function vidFade() {
|
|
vid.classList.add("stopfade");
|
|
}
|
|
|
|
vid.addEventListener('ended', function()
|
|
{
|
|
// only functional if "loop" is removed
|
|
vid.pause();
|
|
// to capture IE10
|
|
vidFade();
|
|
});
|
|
|
|
|
|
pauseButton.addEventListener("click", function() {
|
|
vid.classList.toggle("stopfade");
|
|
if (vid.paused) {
|
|
vid.play();
|
|
pauseButton.innerHTML = "Pause";
|
|
} else {
|
|
vid.pause();
|
|
pauseButton.innerHTML = "Paused";
|
|
}
|
|
}) |