Kamis, 03 April 2014

How to remove "watch in youtube" and video title from embedded video

When users visit your blog, you want to make them stick on your blog, right?

When you embed a Youtube video in your blog, by default it will put a link to the original youtube link (in the title and in the bottom: "watch in youtube"). However, if this happen, your user might follow the link and never come back to your blog.

If you want to remove the links, here are some steps needed:

1. In the video you want to embed, click share --> embed (if you want your user not to be distracted away from your video, then uncheck "Show suggested video when the video finishes"). Now your embedded script should look like this:
<iframe width="560" height="315" src="//www.youtube.com/embed/VIDCODE?rel=0" frameborder="0" allowfullscreen></iframe>
Now the embedded videos will not show any related videos (once it finishes), and it allow user to play fullscreen.

2. To remove the "watch on youtube" link in the bottom, you should modify the embedded script as follow (in red). Please note that this parameter (modestbranding) MUST be placed before any other parameters. Therefore, if you have other parameters like "rel" etc, you must put it after modestbranding.
<iframe width="560" height="315" src="//www.youtube.com/embed/VIDCODE?modestbranding=1&rel=0" frameborder="0" allowfullscreen></iframe>
Now your player should look like this
However, in the top you still have a link to youtube.

3. To remove the link, modify the embedded script as follows (in red)
<iframe width="560" height="315" src="//www.youtube.com/embed/VIDCODE?modestbranding=1&showinfo=0&rel=0" frameborder="0" allowfullscreen></iframe>
Voila, now your player should look like this:
 Good luck....

Tidak ada komentar:

Posting Komentar