Skip to content


Subversion checkout URL

You can clone with
Download ZIP


busy animation with loop #872

jmj5g opened this Issue · 4 comments

3 participants


This may be an issue with javascript or HTML5 in general, but I thought I would see.

When using the loop option with HTML5 compatible browsers, such as the current releases of Chrome, Firefox and Safari on OS X, the browser briefly displays a spinning circular "busy" animation in center of the movie at the beginning of each loop cycle. I am looping very short movies, about 1-2 second (of beating heart radiology images), which means that this animation pops up every second or two. The duration of the "busy" animation seems to correlate to the CPU speed of the workstation.

I have seen similar artifacts with JWPlayer on the same browsers. Is there any way to suppress displaying the "busy" animation?

Here's a sample of code that will reproduce the issue:

<video id="opening" class="video-js vjs-default-skin"
   preload width="710" height="478" autoplay loop
   <source src="MP4/MRIindex.mp4" type='video/mp4' />

In this particular example the MP4 file is only 175KB, yet I get the "busy" animation with every loop, which is roughly one per second.


I'm not certain but I do think that it is just a problem with browser's implementation of html video element.


When you want to override little things like that, I would suggest just making a new CSS file and overriding only the styles you care about. So in this case, you could just do something like this:

.vjs-default-skin .vjs-loading-spinner { opacity: 0 }

You could also use a little JS and remove the element from the DOM altogether. This example assumes you only have one VJS player on a page:

var spinners = document.getElementsByClassName('vjs-loading-spinner')

I'm going to go ahead and close this as an issue, but feel free to continue the conversation in the comments if you have any other questions.

@mmcc mmcc closed this
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.