| Server IP : 109.234.164.53 / Your IP : 216.73.216.136 Web Server : Apache System : Linux cervelle.o2switch.net 4.18.0-553.32.1.lve.el8.x86_64 #1 SMP Thu Dec 19 13:14:03 UTC 2024 x86_64 User : computer3 ( 1098) PHP Version : 7.1.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/computer3/lachocolateriedevirginie.fr/business/business/ |
Upload File : |
<div class="slidefull" style="">
<div class="slide" style="">
{foreach $slideshow_section_1 as $slide}
{if $slide.status == '1'}
<style> {literal}
video { position: absolute;min-height: 1%;width: 100%;transition: 1s opacity; }
.stopfade { opacity: .5;}
#polina { background: rgba(0,0,0,0.1);padding: 2rem;width: 100%; ; float: right; border-radius: 4px;font-size: 1.2rem; margin-top: 0;margin-bottom: 25% ; z-index:9999}
#polina button:hover { background: rgba(0,0,0,0.5);}
@media (max-width:480px) {
#polina {display:none}
#polina button{display:none}
}
{/literal}</style>
<div class="hvideo" style="">
<video poster="{$url}uploadfiles/slideshows/{$slide.picture}" id="bgvid1" playsinline autoplay muted loop>
<source type="video/webm" src="{$url}video/{$slide.video}.webm" />
<source type="video/mp4" src="{$url}video/{$slide.video}.mp4" />
</video>
<div id="polina">
<div class="container">
{$slide.content}
<div style=""><button>Pause</button></div>
<br /> </div>
</div>
</div>
</div>
{/if}
{/foreach}
</div>
</div>
<script>
var vid = document.getElementById("bgvid1");
var pauseButton = document.querySelector("#polina button");
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 = "En pause";
}
})
</script>