Video Header - Delay When Loading

1 reply · opened Jan 10, 2018

JjdmannJan 10, 2018

Hi,

When I load a video using the Slider there is a pause after it loads but before it starts playing. How can I remove that pause?

The code:
`
<section id="slider" class="force-full-screen full-screen" style="height: 303px;">

		&lt;div class="force-full-screen full-screen section dark nopadding nomargin noborder ohidden" style="height: 303px;"&gt;

			&lt;div class="container center"&gt;
				&lt;div class="vertical-middle"&gt;
					&lt;div class="emphasis-title nobottommargin"&gt;
						&lt;h2 class="t700 tshadow" style=""&gt;Title&lt;/h2&gt;
						&lt;h2 class="tshadow"&gt;Subtitle&lt;/h4&gt;
					&lt;/div&gt;
					[](#)
				&lt;/div&gt;
			&lt;/div&gt;
							
			&lt;div class="video-wrap"&gt;
				&lt;video poster="" preload="true" loop="true" autoplay="true" muted="" style="width: 1280px; height: 720px; top: -208.5px;"&gt;
					&lt;source src='public/video/hillary-metz-intro-video.mp4' type="video/mp4" /&gt;
				&lt;/video&gt;
				&lt;div class="video-overlay" style="background:url('/public/img/overlay.png');"&gt;&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/section&gt;
SSemicolon WebSTAFFJan 22, 2018

Hello,

The Video start playing once the Slider Transition is complete and the Swiper Plugin triggers the Slider Transition complete function and this is also recommended since it helps in preventing any further issues.

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