Start video at 0:00 when it is loaded

1 reply · opened Feb 11, 2018

WwildeFeb 11, 2018

Hi Canvas team!

I'm using index-fullscreen-video.html
After the page is fully loaded, the video does not start to play at 0:00.
It appears to take the moment that the page starts loading as the start of the video.
So it shows the video a couple of seconds in.

Is there a way to make it start when the page is fully loaded?

Cheers!

SSemicolon WebSTAFFFeb 19, 2018

Hello,

Since the autoplay Attribute has already been added to the Video, the Video starts playing as soon as it is ready to be played. To avoid this, you can simply remove the autoplay Attribute from the <video> Element and then add the following JS Code at the bottom of the Page just after the js/functions.js JS File Linking:


	jQuery(window).on('load', function(){
		jQuery('#slide-video').get(0).play();
	});

Additionally, do add the #slide-video ID to the <video> Element.

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard