Adding A Youtube Video Inwards The Background Of A Blogger Blog
Some of y'all mightiness accept wondered how to pose a video to play inwards the blog's background, in addition to thus that instead of having but a color or an image, to accept a video. We tin create this cheers to the jQuery plugin Tubular that lets y'all exercise a YouTube video equally a background of a spider web page.
Although the effect tin hold out rattling master in addition to attractive, I must nation it has 3 drawbacks: they tin non hold out silenced, if the video has ads, they volition also appear, in addition to it tin deadening the loading fourth dimension of the blog, in addition to thus if anyone wants to exercise it, may consider putting it exclusively on exceptional occasions, or on blogs that charge rattling quickly.
Also it tin hold out done inwards HTML5, the work amongst this method is that y'all bespeak to charge the video inwards 3 dissimilar formats (.mp4, .webm in addition to .ovg) along amongst a pic for browsers that create non back upwards them, in addition to thus this YouTube alternative seems to a greater extent than practical to me, despite the drawbacks.
You tin run across it working on this demo blog
Steps
1. The offset stride is to but higher upwards the tag, this script:
> tag (CTRL + F)
Or if y'all are using a template from Template Designer, uncovering this line:
Remember: There is no alternative to mute, in addition to thus if y'all don't desire to accept audio equally inwards the demo blog, y'all accept to select a video that has no sound. I also recommend using a video inwards hard disk drive inwards instance y'all don't desire whatsoever dark parts to present approximately it.
If y'all are using jQuery, take away other versions that y'all accept to avoid duplication in addition to accept problems.
Author | jQuery Tubular
Although the effect tin hold out rattling master in addition to attractive, I must nation it has 3 drawbacks: they tin non hold out silenced, if the video has ads, they volition also appear, in addition to it tin deadening the loading fourth dimension of the blog, in addition to thus if anyone wants to exercise it, may consider putting it exclusively on exceptional occasions, or on blogs that charge rattling quickly.
Also it tin hold out done inwards HTML5, the work amongst this method is that y'all bespeak to charge the video inwards 3 dissimilar formats (.mp4, .webm in addition to .ovg) along amongst a pic for browsers that create non back upwards them, in addition to thus this YouTube alternative seems to a greater extent than practical to me, despite the drawbacks.
You tin run across it working on this demo blog
Steps
1. The offset stride is to but higher upwards the tag, this script:
And this 1 too:
2. Then locate the
Or if y'all are using a template from Template Designer, uncovering this line:
3. Under either of these two, add together this:
Save the changes in addition to that's it. In ruddy y'all must pose the ID of Youtube video, the ID are the characters that seem at the goal of the URL:4. Now search for the tag, in addition to earlier it pose this:
Remember: There is no alternative to mute, in addition to thus if y'all don't desire to accept audio equally inwards the demo blog, y'all accept to select a video that has no sound. I also recommend using a video inwards hard disk drive inwards instance y'all don't desire whatsoever dark parts to present approximately it.
If y'all are using jQuery, take away other versions that y'all accept to avoid duplication in addition to accept problems.
Author | jQuery Tubular
