Adding a Youtube Video in the Background of a Blogger blog
Some of you might have wondered how to put a video to play in the blog's background, so that instead of having just a color or an image, to have a video. We can do this thanks to the jQuery plugin Tubular that lets you use a YouTube video as a background of a web page.
Although the result can be very original and attractive, I must say it has three drawbacks: they can not be silenced, if the video has ads, they will also appear, and it can slow the loading time of the blog, so if anyone wants to use it, may consider putting it only on special occasions, or on blogs that load very quickly.
Also it can be done in HTML5, the problem with this method is that you need to load the video in 3 different formats (.mp4, .webm and .ovg) along with a picture for browsers that do not support them, so this YouTube option seems more practical to me, despite the drawbacks.
You can see it working on this demo blog
Steps
1. The first step is to just above the tag, this script:
And this one too:
2. Then locate the > tag (CTRL + F)
Or if you are using a template from Template Designer, find this line:
3. Under either of these two, add this:
Save the changes and that's it. In red you must put the ID of Youtube video, the ID are the characters that appear at the end of the URL:4. Now search for the tag, and before it put this:
Remember: There is no option to mute, so if you don't want to have sound as in the demo blog, you have to choose a video that has no sound. I also recommend using a video in HD in case you don't want any black parts to show around it.
If you are using jQuery, remove other versions that you have to avoid duplication and have problems.
Author | jQuery Tubular
Libellés : Blog Design, jQuery
0 commentaires:
Enregistrer un commentaire
Abonnement Publier les commentaires [Atom]
<< Accueil