• Translate

6/05/2017

How do I make a YouTube video autoplay into Your Web?

Tutorial Blogspot | Tutorial PHP | Tutorial Web Design |

Advertisement

Maybe this is not a new trick in the blogger world. But, this trick really helps me daam manage an information display application on Television that uses programming language PHP and MySQL. There is one part where the place is to display the video online. So once this trick is executed then the video from wherever you take will be directly in the play automatically.

How to install Youtube Video on Web / Blog Direct Auto Play

► First you have to take the embed code first on youtube.
  • Open youtube video you want to install on web / blog. Video you can play or you turn it off. Up to you.
  • Pay attention under the video. Please click Share, then click Embed. See the picture below. 
  • How to install Youtube Video on Web / Blog Direct Auto Play
  • After that please copy the Iframe embed code that appears there.
  • Paste the embeded code in notepad. Then add the code:  ?rel=0&autoplay=1

    It will look like this : 
<iframe width="560" height="315" src="https://www.youtube.com/embed/gUjyuq0sCdw?rel=0&amp;autoplay=1" frameborder="0" allowfullscreen></iframe>
Note: 560 and 315 are the height and width of the video. Adjust to the width of your post page.

For those of you who want to install it on Blogspot follow the following ways:

If you want to install in the sidebar
Open Layout / Layout, then select HTML Gadget, then paste the embed code you saved in the notepad earlier in it, and click Save. Next drag the gadget to the place you want on the blog.

If you want to install on the post page
Open a new entry page, then click HTML in the top left corner. Then paste the embed code you saved in the notepad earlier in the section you want. For example at the top of the post, middle, or bottom. Then click publish.

I use this autoplay code for display app information on television as I said above, for looks please see picture below :

display app information on television

Disqus
Blogger
Comment
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>, and please parse the code in the parser box below.
Show Parser Box

1 comment Add Comment

Our site advancement Company have a group of PHP Developers experienced in Ecommerce Development, Content Management System (CMS), Custom Web Development. AMP

Reply

Comments not appropriate topic will sign SPAM.