Looped Video playing in placeholder... how can I hide the "loading" gif

[Web-it]

I'm Looping a short Video playing in placeholder... using the following HTML code (body) (Xara Web Designer Premium 17.1.0.60742)


<video class="xar_meplayer" src="index_htm_files/960x248-for-xara.mp4" controls=0 autoplay=1 loop=1 muted=1 width = "100%" height="100%"/>


My problem is that the "loading.gif" appears (it flashes up just for an instant) after each loop of the video (the mp4 is only 4Mb) in chrome/firefox/opera/edge

I've tried editing the "loading.gif" and "loader.white.gif" in Photoshop so they are totally transparent, this helped slightly (it stopped the animated gif showing) but I still get a grey square box that flashes up briefly after each loop, where the gif used to be.

My question is.... how can I loop my video without the "loading.gif"

Any help greatly appreciated.

[Acorn]

I'm Looping a short Video playing in placeholder... using the following HTML code (body) (Xara Web Designer Premium 17.1.0.60742)
<video class="xar_meplayer" src="index_htm_files/960x248-for-xara.mp4" controls=0 autoplay=1 loop=1 muted=1 width = "100%" height="100%"/>
My problem is that the "loading.gif" appears (it flashes up just for an instant) after each loop of the video (the mp4 is only 4Mb) in chrome/firefox/opera/edge
I've tried editing the "loading.gif" and "loader.white.gif" in Photoshop so they are totally transparent, this helped slightly (it stopped the animated gif showing) but I still get a grey square box that flashes up briefly after each loop, where the gif used to be.
My question is.... how can I loop my video without the "loading.gif"
Any help greatly appreciated.

Not something I have experienced but try removing class="xar_meplayer".

Acorn

[Web-it]

Not something I have experienced but try removing class="xar_meplayer".

Acorn

Hi Acorn,
Thanks for the reply,

When I remove class="xar_meplayer" the mp3 just doesn't play (I guess it needs xar-meplayer to play? )

The code I pasted is the automatic html code generated when you drop a Mp3 in (.. but muted so it autoplays),

I wonder if is there a code setting to just instruct xar_meplayer to not use the spinning "loading.gif"

[Acorn]

Web-It, I hope we are still talking about MP4 (video) and not MP3s.

The code has to be hand-cranked as an automatic drop of an MP4 only offers up autostart, not mute or loop is an option.
Removing the ClassName bypassed Xara's player and relied on the built-in browser code.
<video src="index_htm_files/960x248-for-xara.mp4" controls=0 autoplay=1 loop=1 muted=1 width = "100%" height="100%"/> is working for me (a different MP4 obviously).
This way removes loading.gif entirely.

Try with the body code copied and pasted to see if it works then.

Acorn

[Web-it]

That's fantastic, thanks Acorn !!!!!! now it works perfectly and loops smoothly (yes mistyped, mp4 not 3)

[Acorn]

That's fantastic, thanks Acorn !!!!!! now it works perfectly and loops smoothly (yes mistyped, mp4 not 3)

Glad to help.

@Xara - is there a reason your code fails to handle basic user needs? Do consider a simple switch to Behaviour-Driven Development.

Acorn