Devoutly
Hello Field not found.!
Daily Inspiration
My Courses
var ytPlayers = {
"motivator-player": null
};
function onPlayerStateChange(event, eltID) {
if (event.data == YT.PlayerState.ENDED) {
reset_devotion_state();
}
}
function registerYTPlayer(eltID) {
let ytPlayer = new YT.Player(eltID, {
events: {
onStateChange: (event) => {
onPlayerStateChange(event, eltID);
},
},
});
let overlayElt = document.getElementById(`${eltID}-overlay-repeat`);
overlayElt.classList.remove("hidden");
overlayElt.addEventListener("click", () => {
// transitionPage(1);
ytPlayers[eltID].seekTo(0);
ytPlayers[eltID].playVideo(0);
overlayElt.classList.add("hidden");
});
return ytPlayer;
}
function onYouTubeIframeAPIReady() {
console.log("onYouTubeIframeAPIReady");
for (const [key, val] of Object.entries(ytPlayers)) {
ytPlayers[key] = registerYTPlayer(key);
}
}
function safelyPlayYTVideo(eltID) {
fail_safely(() => {
document
.getElementById(`${eltID}-overlay-repeat`)
.classList.add("hidden");
ytPlayers[eltID].seekTo(0);
ytPlayers[eltID].playVideo();
});
}
.video_container {
position: relative;
}
@media only screen and (max-width: 767px) {
.video-overlay-right {
position: absolute;
top: 0;
right: 0;
width: 25vw;
height: 80dvh;
}
.video-overlay-left {
position: absolute;
top: 0;
left: 0;
width: 25vw;
height: 80dvh;
}
}
.video-container {
height: 100dvh;
background-color: black;
}
.video-player {
/*width: 100%;*/
/*height: calc(100dvh + 80px); */
aspect-ratio: 9/18;
width: auto !important;
height: 100dvh !important;
position: absolute;
top: -80px;
left: 0px;
right: 0px;
margin-left: auto !important;
margin-right: auto !important;
}
/*@media only screen and (max-width: 767px) {*/
/* .video-player {*/
/* top: -40px;*/
/* }*/
/*}*/
.video-overlay-repeat {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100dvh;
cursor: pointer;
background-color: black;
background-repeat: no-repeat;
background-position: center;
background-size: 64px 64px;
background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
}
/*.video-overlay-repeat {*/
/* position: absolute;*/
/* top: 0;*/
/* left: 0;*/
/* bottom: 0;*/
/* right: 0;*/
/* height: 100dvh;*/
/* cursor: pointer;*/
/* background-color: black;*/
/* display: flex;*/
/* align-items: center;*/
/* justify-content: center;*/
/*}*/
.video-overlay-repeat p {
display: none;
/*color: white;*/
/*font-family: "Jost";*/
}