Testing video looping host - forcing fullscreen

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

  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