To create a video background using a fullwidth template, whereby the music will start automatically.

Template settings: Fullwidth page.

The Video code

<div style=”position: fixed; z-index: -99; width: 90%; height: 100%; top: 0px;”><iframe src=”https://www.youtube.com/embed/IwuyTC_UQ-s?rel=0&amp;loop=1&amp;playlist=IwuyTC_UQ-s;autoplay=1&amp;controls=0&amp;showinfo=0&amp;autohide=1&amp;iv_load_policy=3″ width= “90%” height=”100%” frameborder=”0″></iframe></div>

You have to play around a bit with the width, that can vary from 75% to 110%.

I have set them on 90%, because that gave the best result on my website.

The Music Code

<p><audio src=”Your mp3 file” autoplay loop></p>

 

More Youtube tutorials:

Stop Youtube showing other videos, remove endscreen.

Make video loop.

Link your video to your website.

Make your own video, simple and easy start.

Back to add a video background to your website

(Visited 48 times, 1 visits today)

Leave a Reply

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

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>