Rocket loader and HTML video autoplay

When Rocket Loader enabled it is causing the page to have an extreme latency and loading issues on mobile devices when adding the autoplay parameter to a video html block.

HTML:

      <video loop muted playsinline autoplay>
          <source src="video/<?php echo $media1 ?>.mp4" type="video/mp4">
        </video>

Only when i remove the “autoplay” it renders correctly and almost immediately

May you post a link to the URL you are encountering this with enabled Rocketloader, so we can check it?

I’ve had similar issues on Chrome on one Website.

The website page load time was either very long or never finished, furthermore the video was always downloading despite what I’ve tried.

Therfore, I’ve disabled Rocket Loader and configured to serve my .mp4 video file which weight approx. 145MB or so - from a sub-domain video.domain.com which is unproxied :grey: (DNS-only) and having it’s own SSL, just in case to not get into possible trouble with ToS Section 2.8. as far as I am not using Cloudflare Stream for that particular video file.

Nevertheles, on my HTML5 video tag, I added parameters autoplay="false" preload="none" controls="".

Final example looks like this:

<video poster="https://video.domain.hr/video_bg.jpg" autoplay="false" preload="none" controls="">
    <source src="https://video.domain.hr/video2022.mp4" type="video/mp4; codecs=&quot;avc1.42E01E, mp4a.40.2&quot;">
</video>

Still, works pretty fine on a proxied :orange: domain using that kind of a way.
Hope it helps a bit.

1 Like

This topic was automatically closed 15 days after the last reply. New replies are no longer allowed.