-
Posts
-
Hello!
I am having enormous difficulty trying to disable “autoplay” in a video posted to my Blog. The video currently plays upon load (http://oldtowntoastmasters.org/blog/). I would like the user to initiate playing the video.
I used a generic embed code as shown in the attached image and written below:
<iframe width=”560″ height=”315″ src=”http://oldtowntoastmasters.org/wp-content/uploads/2016/12/2016.11.12-Frank-Argenziano-Confessions-of-a-Jersey-Boy.mp4″ frameborder=“0″ allowfullscreen ></iframe>
Interestingly, the media player associated with the “Embedded Video Code” field has advanced controls, i.e. it has a time slider, volume control, and allows full-screen playback. The media player associated with a self-hosted video inserted into the “M4V File URL” field has very basic controls allowing for only play and pause (as shown in the next attachment). For that reason, I’d prefer to use the player with the more advanced control features. However, as stated above, I cannot turn off “autoplay” upon load.
I’ve tried to include “?…Jersey-Boy.mp4?autoplay=0” or appending parameter codes such as autoplay=”0″; autoplay=”off”; and autoplay=”false” without success.
In summation, what I ultimately want is the blog video to be paused when a user one lands on the page and have full control of the video, such as allowing full screen playback. What do you recommend?
Sorry, here’s the file that did not upload properly.
Hello There,
Thanks for writing in! Please keep in mind that an iFrame will always display the src url. You cannot control what is in the src url. If you are going to display a video, please use the video player instead. And make sure that you add a poster image.
http://prntscr.com/dhk8llFor more details, please check this out:
http://www.w3schools.com/html/html_iframe.asp
https://teamtreehouse.com/community/video-html5-element-vs-iframeI am assuming that the video player associated with the “M4V File URL” field is [x_video_player], correct? What is the video player associated with the “Embedded Video Code” field? Regardless, they are clearly different video players.
A-ha! Success!!
Searching in Yahoo “iframe disable autoplay”, I found a solution.
Using the video tag from HTML5 rather than iFrame, the following code gives me a fully controllable video player:
<video width=“560″ height=“315″ controls>
<source src=”http://URL.com/your_video.mp4″ type=”video/mp4″>
</video>Hello There,
Thanks for updating in!
The Video player element can only be used if you supply the video file path. The embedded video element can be used if you have a video embed code coming from 3rd party sites like Youtube or Vimeo.
We are just glad that you have figured it out a way to correct the said issue.
Thanks for letting us know!Best Regards.
Lastly, the video I that I now have on my site is self-hosted. I uploaded it to the media files resident on my WordPress CMS. Therefore, embedding this way works beyond 3rd party sites… and it has all the full feature controls that I need.
Cheers!
Thanks for sharing.
