Adding controls and disable autoplay in an iFrame.

[LurkerLou]

Sample,

<iframe width="{$width}" height="{$height}" src="http://blank.com/embed/{$id}" allowfullscreen="" frameborder="0" scrolling="no"></iframe>

Since the videos will be MP4's, how would I add controls and stop autoplay in the iframe? I've tried the following to no avail.

<iframe width="{$width}" height="{$height}" src="http://blank.com/embed/{$id}" allowfullscreen="" controls="" autoplay="" frameborder="0" scrolling="no"></iframe>
<iframe width="{$width}" height="{$height}" src="http://blank.com/embed/{$id}" allowfullscreen="" controls="controls" autoplay="false" frameborder="0" scrolling="no"></iframe>
<iframe width="{$width}" height="{$height}" src="http://blank.com/embed/{$id}" allowfullscreen="" controls="0" autoplay="0" frameborder="0" scrolling="no"></iframe>

 

[zagorskey]

That depends on the site you're trying to embed media from. For instance, you can add "&autoStart=false" or "&autoplay=false" at the end of the src and see if that works for you.

Like this (for YouTube):

<iframe width="{$width}" height="{$height}" src="http://blank.com/embed/{$id}&autoplay=false" allowfullscreen="" frameborder="0" scrolling="no"></iframe>

 

[LurkerLou]

They would be locally hosted.

 

[zagorskey]

JW Player?

 

[LurkerLou]

License required to remove logo.