Canvas Support

Video autoplays on page load

4 replies·opened Feb 21, 2017
V
vellez94Feb 21, 2017

So I have the full width timeline blog page. One of the items, a video, will always auto play when the page is loaded. How do I make it so the user has to start the video. The video in question is a mp4.

Thanks!

S
SemiColonWebSTAFFFeb 22, 2017

Hello,

Simply remove the autoplay Attribute from the <video> Tag.

This will definitely work fine. Hope this Helps!

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

V
vellez94Feb 23, 2017

When I change the iframe to video the video doesn't show up. Below is the code I have for the blog post:

<div class="entry clearfix">
<div class="entry-timeline">
<div class="timeline-divider"></div>
</div>
<div class="entry-image">
<iframe src="videos/video.mp4" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>

S
SemiColonWebSTAFFFeb 23, 2017

Hello,

It is not recommended to use an iFrame for MP4 Videos. Consider using the following code: 

<video poster="videos/video-poster.jpg" preload="auto" controls style="display: block; width: 100%;">
	<source src='videos/video.mp4' type='video/mp4' />
</video>

This will definitely work fine. Hope this Helps!

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

V
vellez94Feb 23, 2017

Great, Thanks! This worked!

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