1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Testing video looping host - forcing fullscreen

Discussion in 'HTML & Website Design' started by 7643sfsag6, Jul 4, 2015.

0
  1. #1
    hi all, i am testing coub(dot)com which allows you to create short looped videos and has pretty good embedding support. However. I made a draft of a site
    the videos is in the background, on top is a white div with some text.
    i would like to know how I can force the video to stretch fill the browser window.
    I wrote to coub and they said it can be done with javascript. they have done it with their homepage coub(dot)com (see at the login/signup page). I can't seem to decipher how they did it.
    any thoughts?
    this is what I have.


    <html class='no-js' lang='en'>
    <head>
    <script src=
    "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <style>
    html, body {
    position:relative;
    height:100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
    body {
    background:none;
    color:none;
    margin:0;
    padding:0;
    }
    </style>
    </head>


    <body>
    <iframe id="coubVideo" src="http://coub.com/embed/73x2s
    ?muted=true&
    autostart=true&
    noControls=true&
    noHDControl=true&
    noSiteButtons=true&
    originalSize=false&
    hideTopBar=true&
    startWithHD=true" allowfullscreen="true" frameborder="0" style="display: inline; margin: 0 auto; overflow:hidden;" height="100%" width="100%"></iframe>
    <div style=
    "overflow: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; left:0; background-color: white; width:80%; height: 80%;">
    test page 1
    </div>
    </body>
    </html>

    Thanks
     
    7643sfsag6, Jul 4, 2015 IP
  2. 7643sfsag6

    7643sfsag6 Member

    Messages:
    58
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #2
    by the way here is the fiddle http://jsfiddle.net/postcolonialboy/7nvhscru/

    the video doesn't play on jsfiddle but that's not a problem.
     
    7643sfsag6, Jul 5, 2015 IP