Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jarallax video doesnt work on phone #227

Open
Saku241 opened this issue May 18, 2024 · 0 comments
Open

Jarallax video doesnt work on phone #227

Saku241 opened this issue May 18, 2024 · 0 comments

Comments

@Saku241
Copy link

Saku241 commented May 18, 2024

Issue description:

Hello, I'm using jarallax to have a background video from youtube and the video works on browser (but I have to mute the sound for the autoplay) BUT it doesnt work on any phone. Actually it shows youtube controllers ui with a loading wheel and never play.
After some tweak I was able to make it work but the video played with sound...

Code to reproduce the issue (HTML blocks + JavaScript initialization)

<div id="started-video-bg" class="video-bg media-bg jarallax-video video-mobile-bg" data-jarallax data-video-src="https://youtu.be/ab0TSkLe-E0" data-video-volume="0">
<div class="video-bg-mask"></div>
<div class="video-bg-texture" id="grained_container"></div>
</div> 

EDIT :
It works when putting this extra script : (So this is for sure a volume problem but I dont get it since I already put the data parameter "data-video-volume="0" ....

<div id="started-video-bg" class="video-bg media-bg jarallax-video video-mobile-bg" data-jarallax data-video-src="https://youtu.be/ab0TSkLe-E0" data-video-volume="0">
<div class="video-bg-mask"></div>
<div class="video-bg-texture" id="grained_container"></div>
</div>
<script>
	document.addEventListener("DOMContentLoaded", function() {
		jarallax(document.querySelectorAll('.jarallax-video'), {
			videoVolume: 0,
		});
	});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant