Skip to main content
maryanns50585047
Known Participant
August 10, 2016
Answered

embed-responsive -16x9 video with auto play off

  • August 10, 2016
  • 1 reply
  • 11194 views

I am using bootstrap embed-responsive video to include 2 slideshows on a web page. I created the slideshows in iPhoto and exported them as mv4 files. They import into Dreamweaver just fine but I do not see any way to stop the auto play feature. Where can the parameters be adjusted in Dreamweaver cc bootstrap?

Here is the code for the video slideshow

<div class="row text-center">

    <div class="col-md-6">

      <div class="thumbnail"> <a href="FramedArt/GreenWavesSlideshow.m4v"><img src="Waves.Shells/GreenWave.jpg" alt="Waves" class="img-responsive" title="Green Waves"><div class="embed-responsive embed-responsive-16by9" > <iframe class="embed-responsive-item" src="http://www.selvastudios.com/FramedArt/GreenWavesSlideshow.m4v"></iframe> </div></a>

        What do I need to add for autoplay false???

This topic has been closed for replies.
Correct answer Nancy OShea

In HTML5 video, AUTOPLAY is off by default.   Controls gives users the player controls.  See screenshot from Firefox.

Nancy O.

1 reply

Nancy OShea
Community Expert
Community Expert
August 10, 2016

Why are you using an iframe?  You only need an iframe for media hosted on YouTube or Vimeo, etc...

Just use the HTML5 video tag with responsive classes as shown below:

<div class="embed-responsive embed-responsive-16by9">
<video class="embed-responsive-item" controls poster="YOUR_POSTER_IMAGE.jpg">
<source src="http://www.selvastudios.com/FramedArt/GreenWavesSlideshow.m4v" type="video/mp4">
</video>

</div>

EDIT:  Added an S to the player controls.

Nancy O.

Nancy O'Shea— Product User & Community Expert
maryanns50585047
Known Participant
August 10, 2016

iframe is what was inserted when I selected insert embed-responsive.

I will try this code and see what happens.

However, I still do not see where you can control auto play or loop features…

Inspiring
August 10, 2016

Thanks…again!


You should keep in mind that only those that are using a browser that supports html5 will be able to view your video. There are many users out there that still use older browsers that do not support html5. Without an appropriate fallback method those users will not be able to watch your video. You can't assume that just because you might use a modern browser that supports html5 that everyone else does too.