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

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.

Quote:

---

Originally Posted by 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.

---

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

Acorn

Quote:

---

Originally Posted by Acorn

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"

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

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

Quote:

---

Originally Posted by Web-it

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