search

nk-o / jarallax

Parallax scrolling for modern browsers
https://jarallax.nkdev.info
MIT License
1.38k stars 210 forks source link

Local video-playback not working in Firefox on Android #118

Open Dustie opened 5 years ago

Dustie commented 5 years ago

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/jarallax@1.10/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/jarallax@1.10/dist/jarallax.min.js"></script>
<script src="https://unpkg.com/jarallax@1.10/dist/jarallax-video.min.js"></script>
</body>
</html>
nk-o commented 5 years ago

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.

aetheragent commented 3 years ago

I am also experiencing this issue in Firefox for Android