youtube video embed

Youtube video embedding options

Posted on
YouTube video embedding is now so easy then ever. Today i am discussing few techniques on embedding options. You can get your youtube video embed code from youtube website. Just follow 3 steps. 1st : Go to the YouTube video you want to embed 2nd: Click ‘Share’ under the video 3rd : click Embed . Now copy this code with ctrl + c . And paste it anywhere in your website.
<pre><code class="language-css"> <iframe width="560" height="315" src="//www.youtube.com/embed/vaXKfVfc7A8?rel=0" allowfullscreen="allowfullscreen" frameborder="0"></iframe></code></pre>
This so simple ! Ah! 🙂 Ok,, Now lets do some customization . 1. Video AutoPlay : For adding autoplay option on your video, just add this piece of code :
 autoplay=1
2.Stop showing related video : if need to stop showing related video, then add this :
showinfo=0
3. Change degault youtube video theme : For adding light theme on your video just add : theme=light 4. Hide control Button : For hiding control button , add this code :
controls=0
5. Remove branding logo: Sometime we need to remove youtube branding logo. this piece of code remove branding logo from video :
modestbranding=1
6. Embedding playlist : Sometime we need to embed playlist in our website. If you still don’t have your playlist ,, then you need to create a list. This is simple. 1st goto youtube video, 2nd : on bottom click on Add to . then create a list folder , and save your all video in same list. Now, follow same as above mention. copy your iframe embed code .. you will see a new parameter like :
/vaXKfVfc7A8?list=RDvaXKfVfc7A8
Second parameter is your playlist video id And Finally to use different options in together just need
&amp;
tag,For example :now we want light theme and stop related video,then
autoplay=1&showinfo=0
<iframe width="560" height="315" src="//www.youtube.com/embed/vaXKfVfc7A8?theme=light&amp;showinfo=0" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
Total result look like this:

Leave a comment

Your email address will not be published. Required fields are marked *