Stop video from playing on page load?

Carri-Ann.Scott9530

I have embedded a video (using the video lecture template in Daylight) but I would like to have the students click to play it using the controls. Right now it plays on page load, which will be a nuisance if they are revisiting the page .

 

I'm sure it must be a simple tweak, but my eyes are getting blurry from the code.

 

Thanks in advance.

 

Code for reference:

 

<div class="row">

<div class="col-xs-12 col-sm-offset-1 col-sm-10">

<div class="video-wrapper">

<div class="embed-responsive embed-responsive-16by9"><iframe controls="controls" class="embed-responsive-item" src="/content/enforced/636147-ECS_1010_01.02_F20/Media/ECS1010%20-%20Intro%20Movie.mp4" allowfullscreen="true"></iframe></div>

<div class="video-text">

<p>Welcome Video</p>

</div>

</div>

</div>

</div>

Jason.H.500

You can't disable auto-play using an iframe.

 

How did you originally insert the video? If you use "Insert Stuff" it should be working correctly...

 

You could try manually replacing it with the following:

 

<video controls>

<source src="/content/enforced/636147-ECS_1010_01.02_F20/Media/ECS1010%20-%20Intro%20Movie.mp4" type="video/mp4">

</video>

Carri-Ann.Scott9530

Thank you.

 

I had originally done some cut and paste from another page and it must have caused problems. Back to basics with the "insert stuff" did the trick.