Vimeo HTML background video has stopped looping!

[Alex Maxim]

Hey there guys,
I hope that this post finds you in excellent spirits, and that you are having a great weekend.

We have an issue with one of our landing pages which is really mystifying us: at the top of this page is a header, which has a Vimeo video as its background.

This video was set to loop infinitely, and it did so successfully for many months.

However, in the last couple of weeks, the video has simply stopped looping: it plays through once, and then a 'Staff Picks' screen displays, which is obviously not what we want.

You can see the landing page here:

https://highergradesfaster.com/

The relevant HTML is as follows:

<iframe class="shogun-video-embed shogun-lazyload" data-src="https://player.vimeo.com/video/334550209?autoplay=1&amp;loop=1&amp;muted=1&amp;playlist=" allowfullscreen="">

Does anyone have any ideas on how to get the video looping again? We have asked Vimeo themselves, but they cited a piece of code which we couldn't see anywhere:

<iframe id="VideoWorker-0" src="https://player.vimeo.com/video/334550209?id=334550209&amp;autopause=0&amp;transparent=0&amp;autoplay=1&amp;loop=0&amp;muted=1&amp;badge=0&amp;byline=0&amp;portrait=0&amp;title=0" frameborder="0" mozallowfullscreen="" allowfullscreen="" style="position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 1571.56px; height: 1284px; max-width: none; max-height: none; margin: -288px 0px 0px -73.2778px; z-index: -1; transform: translate3d(0px, 88px, 0px);" data-ready="true"></iframe>

Any input is sincerely appreciated.

With very best wishes,

Alex Maxim

[Jason Knight]

I would suggest axing the bandwidth wasting video that delays your page functionality ENTIRELY. That type of artsy-fartsy bull does NOTHING but piss off visitors.

But really the entire site needs a content and accessibility overhaul. STOP willy nilly changing font sizes. STOP using colour contrasts of dubious legibility. (that white on light blue is particularly egregious) STOP slopping massive images and videos too big to go on what's basically a squeeze page. Set a max-width so long paragraphs aren't hard to follow.

I'd even reduce the amount of content on a single page since NOBODY is going to scroll through that much all at once.

Under the hood that there is little if anything even remotely resembling semantic markup surely isn't helping matters.  Much less the inlined style, inlined scripting, and host of other development failings that make it an accessibility and usability wreck. Much less the invalid nonsensical markup like META and STYLE inside BODY where they are utterly and completely invalid, or tags like FONT that haven't existed in HTML for well over two decades.

The video not looping is the least of your problems.