I have a wordpress site. We want a video in the background. I have done this like so:

<?php if(is_page('homepage')){ ?>
<div id="video_background_video_0" style="z-index: 0; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: hidden;">
            <iframe id="video_background_video_0_yt" style="position: absolute; top: -179px; left: 0px;" frameborder="0" allowfullscreen="1" title="YouTube video player" width="1349" height="759" src="https://www.youtube.com/embed/1CXFhQ33_xs?loop=0&amp;start=0&amp;autoplay=1&amp;controls=1&amp;showinfo=0&amp;wmode=transparent&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;enablejsapi=1&amp;origin=http%3A%2F%2Fwww.onscreencounselling.com"></iframe></div>

        <?php } ?>    

and it works. It is here www.onscreencounselling.com

Only thing is we are keen to be able to control the video - is that possible. At the moment, since we have content on top of the video teh controls aren't clickable - which I guess isn't too surprising really -

any ideas please?

Edited by maxelcat

3 Years
Discussion Span
Last Post by gentlemedia

yes thanks gentlemedia - I could do that I guess, just keen to use youtube because it normally solves so many of those pesky video problems.


just keen to use youtube because it normally solves so many of those pesky video problems

I know what you're saying and 3 years ago that was a fact, but today the video tag is a pretty solid solution with greater control and your users don't have to wait untill finally that YouTube vid is loaded into that iFrame :)

And also remember that autostart is not supported on iDevices.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.