Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

busy animation with loop #872

Closed
jmj5g opened this Issue · 4 comments

3 participants

@jmj5g

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
   data-setup='{"example-option":true}'>
   <source src="MP4/MRIindex.mp4" type='video/mp4' />
</video>'

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.

@gkatsev
Collaborator

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

@mmcc
Owner
@jmj5g
@mmcc
Owner

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')
spinners[0].parentNode.removeChild(spinners[0])

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.