jarallax
jarallax copied to clipboard
Local video-playback not working in Firefox on Android
Issue description:
No video playback in Firefox for Android. Video works in all browsers in Windows 10 and in Chrome and Samsung Browser on Android.
Version used:
Newest served from jarallax@unpkg (https://unpkg.com/[email protected]/dist/jarallax.min.js)
Code to reproduce the issue (HTML blocks + JavaScript initialization)
"Live" here: [Dead link removed] with the following code:
<!doctype html>
<html lang="da-dk">
<head>
<meta charset="utf-8">
</head>
<body>
<!-- Background YouTube Parallax -->
<div style="height:100px;" class="jarallax" data-jarallax-video="https://www.youtube.com/watch?v=ab0TSkLe-E0">
YOUTUBE
</div>
<!-- Background Vimeo Parallax -->
<div style="height:100px;" class="jarallax" data-jarallax-video="https://vimeo.com/110138539">
VIMEO
</div>
<!-- Background Local Video Parallax -->
<div style="height:100px;" class="jarallax" data-jarallax-video="mp4:https://cdn.denlilleguldsmedje.dk/video/video.mp4,webm:https://cdn.denlilleguldsmedje.dk/video/video.webm,ogv:https://cdn.denlilleguldsmedje.dk/video/video.ogv">
SELF HOST
</div>
<script src="https://unpkg.com/[email protected]/dist/jarallax.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/jarallax-video.min.js"></script>
</body>
</html>
I'm not sure I will try to fix this for mobile Firefox browser since it is not popular at all. But feel free to make PR if you have a solution.
I am also experiencing this issue in Firefox for Android