How to disable auto-play for local video in iframe

Question

How to disable auto-play for video when src is from my local pc    lt iframe width  465  height  315  src  videos example mp4  gt  lt  iframe gt    I have tried the following  but it doesn t work     src  videos example mp4 autoplay 0  src  videos example mp4 autoplay false  src  videos example mp4 autostart 0  src  videos example mp4 autostart false

User · Answer

Try This Code for disable auto play video.

Its Working . Please Vote if your are done with this

<div class="embed-responsive embed-responsive-16by9">
    <video controls="true" class="embed-responsive-item">
      <source src="example.mp4" type="video/mp4" />
    </video>
</div>

User · Answer

Replace the iframe for this    lt video class  video-fluid z-depth-1  loop controls muted gt     lt source src  videos example mp4  type  video mp4    gt   lt  video gt

User · Answer

Just replace   lt iframe width  465  height  315  src  videos example mp4  gt  lt  iframe gt    by   lt video src  videos example mp4  controls gt  lt  video gt    Here is an example using bootstrap 4     lt div class  embed-responsive embed-responsive-4by3  gt         lt video src  videos example mp4  controls gt  lt  video gt    lt  div gt

User · Answer

What do you think about video tag   If you don t have to use iframe tag you can use video tag instead     lt video width  500  height  345  src  hey mp4     gt    You should not use autoplay attribute in your video tag to disable autoplay

User · Answer

I ve tried all the possible solutions but nothing worked for local video bindings  I believe best solution would be to fix using jQuery if you still wants to use iframes     document  ready function          var ownVideos      iframe          each ownVideos  function  i  video                            var frameContent     video  contents   find  body   html            if  frameContent                  video  contents   find  body   html frameContent replace  autoplay                                 Note  It ll find all the iframes on document ready and loop through each iframe contents and replace remove autoplay attribute  This solution can be use anywhere in your project  If you would like to do for specific element then use the code under   each function and replace   video  with your iframe element id like     myIFrameId

User · Answer

lt iframe width  420  height  315      src  https   www youtube com embed aNOgO7aNslo rel 0  gt   lt  iframe gt    You re supposed to put the characters  rel 0 after the YouTube video unique link and before the quotations  it worked for me

User · Answer

If you are using HTML5  using the Video tag is suitable for this purpose   You can use the Video Tag this way for no autoplay    lt video width  320  height  240  controls gt       lt source src  videos example mp4  type  video mp4  gt   lt  video gt    To enable auto-play    lt video width  320  height  240  controls autoplay gt       lt source src  videos example mp4  type  video mp4  gt   lt  video gt

User · Answer

You can set the source of the player as blank string on loading the page  in this way you don t have to switch to video tag   var player   document getElementById  video-player    player src         When you want to play a video  just change its src attribute  for example   function play source      player src   source

[html] How to disable auto-play for local video in iframe

Examples related to html

Examples related to iframe

Examples related to video

Examples related to autoplay