#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2014
    Posts
    30
    Rep Power
    5

    Testing video looping host - forcing fullscreen


    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.

    Code:
    <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
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2014
    Posts
    30
    Rep Power
    5
    by the way here is the fiddle CoubTest - JSFiddle

    the video doesn't play on jsfiddle but that's not a problem.
  4. #3
  5. ~ bald headed old fart ~
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2005
    Location
    chertsey, a small town s.w. of london, england
    Posts
    363
    Rep Power
    133
    Hi there 8745321311,

    and a warm welcome to these forums.

    Here is a posible solution...
    Code:
    
    <!DOCTYPE html>
    <html  lang="en">
    <head>
    
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <title>untitled document</title>
    
    <link rel="stylesheet" href="/" media="screen">
    
    <style media="screen">
    html,body {
        height:100%;
        margin:0;
     }
    body {
        position:relative;
        overflow-x:hidden;
     }
    #object {
        position:fixed;
     }
    #page {
        position:absolute;
        top:0;
        bottom:0;
        width:76%;
        padding:0 2%;
        margin:0 10%;
        background-image:linear-gradient(to bottom,
                             rgba(255,255,255,1.0),
                             rgba(255,255,255,0.75));
        box-shadow:inset 0 0 20px rgba(0,0,0,0.75);
        overflow:auto; 
     }
    </style>
    
    <script>
    (function() {
       'use strict';
    
       var w,h,d=document,r=0.562,o,p;
    
    function fixBackground(){ 
       w=d.body.offsetWidth;
       h=d.body.offsetHeight;
       o=d.getElementById('object'); 
       p=d.getElementById('page');
    
    if(h/w>r){
       o.style.height=h+'px';
       o.style.width=h/r+'px';
     }
    else{
       o.style.height=w*r+'px';
       o.style.width=w+'px';
       p.style.height=w*r+'px';
      }
     }
    window.onresize=function() {
      fixBackground();
     }
       window.addEventListener('load',fixBackground,false);
    })();
    </script>
    
    </head>
    <body>
    
    <object id="object"
    data="http://assets1.akamai.coub.com/assets/coub-player-5dbdf3847bf29a1ca2b7003268eb6c5c.swf" 
    type="application/x-shockwave-flash">
    <param value="transparent" name="wmode">
    <param value="json=%7B%22flag%22%3Anull%2C%22abuses%22%3Anull%2C%22recoubs_by_users_channels%22%3Anull%2C%22recoub%22%3Anull%2C%22like%22%3Anull%2C%22id%22%3A12693546%2C%22type%22%3A%22Coub%3A%3ASimple%22%2C%22permalink%22%3A%2273x2s%22%2C%22title%22%3A%22World%22%2C%22visibility_type%22%3A%22unlisted%22%2C%22original_visibility_type%22%3A%22unlisted%22%2C%22channel_id%22%3A1937931%2C%22created_at%22%3A%222015-07-02T17%3A20%3A00Z%22%2C%22updated_at%22%3A%222015-07-03T09%3A23%3A50Z%22%2C%22is_done%22%3Atrue%2C%22views_count%22%3A19%2C%22cotd%22%3Anull%2C%22cotd_at%22%3Anull%2C%22published_at%22%3A%222015-07-02T17%3A20%3A00Z%22%2C%22views_increase_count%22%3A19%2C%22shares_count%22%3A0%2C%22reversed%22%3Afalse%2C%22ipad_playback_reversed%22%3Afalse%2C%22from_editor_v2%22%3Atrue%2C%22original_sound%22%3Afalse%2C%22has_sound%22%3Afalse%2C%22recoub_to%22%3Anull%2C%22file_versions%22%3A%7B%22web%22%3A%7B%22template%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb38%2Fp%2Fcoub%2Fsimple%2Fcw_file%2Fb3520aee8b6%2F4c7a0132ac228779878fb%2F%25%7Btype%7D_%25%7Bversion%7D_size_1435857624_%25%7Bversion%7D.%25%7Btype%7D%22%2C%22types%22%3A%5B%22flv%22%2C%22mp4%22%5D%2C%22versions%22%3A%5B%22big%22%2C%22med%22%2C%22small%22%5D%7D%2C%22web_chunks%22%3A%7B%22template%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb38%2Fp%2Fcoub%2Fsimple%2Fcw_file%2Fb3520aee8b6%2F4c7a0132ac228779878fb%2F%25%7Btype%7D_%25%7Bversion%7D_size_c%25%7Bchunk%7D_1435857624_chunk_%25%7Bchunk%7D_%25%7Bversion%7D.flv%22%2C%22types%22%3A%5B%22flv%22%2C%22mp4%22%5D%2C%22versions%22%3A%5B%22big%22%2C%22med%22%2C%22small%22%5D%2C%22chunks%22%3A%5B1%2C2%2C3%2C4%5D%7D%2C%22html5%22%3A%7B%22template%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_%25%7Bchunk_num%7D_1435857683_ipad_video_base64%22%2C%22chunks%22%3A%5B0%2C1%2C2%2C3%2C4%2C5%2C6%5D%7D%2C%22iphone%22%3A%7B%22url%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb38%2Fp%2Fcoub%2Fsimple%2Fcw_file%2Fb3520aee8b6%2F4c7a0132ac228779878fb%2Fiphone_1435857624_iphone.mp4%22%7D%2C%22mobile%22%3A%7B%22audio_url%22%3Anull%2C%22base64_url%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2F1435857683_ipad_video_base64%22%2C%22base64_files%22%3A%5B%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_0_1435857683_ipad_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_1_1435857683_ipad_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_2_1435857683_ipad_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_3_1435857683_ipad_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_4_1435857683_ipad_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_5_1435857683_ipad_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_6_1435857683_ipad_video_base64%22%5D%2C%22base64_files_small%22%3A%5B%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb33%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_0_1435857683_ipad_small_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb33%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_1_1435857683_ipad_small_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb33%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_2_1435857683_ipad_small_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb33%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_3_1435857683_ipad_small_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb33%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_4_1435857683_ipad_small_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb33%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_5_1435857683_ipad_small_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb33%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_6_1435857683_ipad_small_video_base64%22%5D%2C%22frames_count%22%3A100%7D%7D%2C%22audio_versions%22%3A%7B%7D%2C%22flv_audio_versions%22%3A%7B%7D%2C%22image_versions%22%3A%7B%22template%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb40%2Fp%2Fcoub%2Fsimple%2Fcw_image%2Ff399142908f%2Fcac78b6cef27fd83fc71a%2F%25%7Bversion%7D_1435857640_00021.jpg%22%2C%22versions%22%3A%5B%22micro%22%2C%22tiny%22%2C%22age_restricted%22%2C%22ios_large%22%2C%22ios_mosaic%22%2C%22big%22%2C%22med%22%2C%22small%22%2C%22pinterest%22%5D%7D%2C%22first_frame_versions%22%3A%7B%22template%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb43%2Fp%2Fcoub%2Fsimple%2Fcw_timeline_pic%2Ff399142908f%2Fcac78b6cef27fd83fc71a%2F%25%7Bversion%7D_1435857640_image.jpg%22%2C%22versions%22%3A%5B%22big%22%2C%22med%22%2C%22small%22%2C%22ios_large%22%5D%7D%2C%22dimensions%22%3A%7B%22big%22%3A%5B%22640%22%2C%22360%22%5D%2C%22med%22%3A%5B%22640%22%2C%22360%22%5D%2C%22small%22%3A%5B%22400%22%2C%22224%22%5D%7D%2C%22gif_versions%22%3A%7B%22big%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb24%2Fp%2Fcoub%2Fsimple%2Fcw_gif_big%2F922c4637439%2Fb8fe733a8641b80a1ea24%2F1435857674_15rhzit_73x2s.gif%22%2C%22email%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb81%2Fp%2Fcoub%2Fsimple%2Fcw_gif_email%2F110bf868971%2F57d3b5082883c232843c1%2F1435857678_1d5xvue_73x2s.gif%22%7D%2C%22site_w_h%22%3A%5B640%2C360%5D%2C%22page_w_h%22%3A%5B640%2C360%5D%2C%22site_w_h_small%22%3A%5B310%2C174%5D%2C%22age_restricted%22%3Afalse%2C%22age_restricted_by_admin%22%3Afalse%2C%22not_safe_for_work%22%3Anull%2C%22allow_reuse%22%3Afalse%2C%22dont_crop%22%3Afalse%2C%22banned%22%3Afalse%2C%22global_safe%22%3Anull%2C%22comments_count%22%3A0%2C%22audio_file_url%22%3Anull%2C%22external_download%22%3Afalse%2C%22application%22%3Anull%2C%22channel%22%3A%7B%22id%22%3A1937931%2C%22permalink%22%3A%22palacepalace%22%2C%22title%22%3A%22Palace%22%2C%22description%22%3A%22%22%2C%22followers_count%22%3A0%2C%22following_count%22%3A0%2C%22avatar_versions%22%3A%7B%7D%7D%2C%22file%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb38%2Fp%2Fcoub%2Fsimple%2Fcw_file%2Fb3520aee8b6%2F4c7a0132ac228779878fb%2Fiphone_1435857624_iphone.mp4%22%2C%22picture%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb40%2Fp%2Fcoub%2Fsimple%2Fcw_image%2Ff399142908f%2Fcac78b6cef27fd83fc71a%2Fmed_1435857640_00021.jpg%22%2C%22timeline_picture%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb43%2Fp%2Fcoub%2Fsimple%2Fcw_timeline_pic%2Ff399142908f%2Fcac78b6cef27fd83fc71a%2Fios_large_1435857640_image.jpg%22%2C%22small_picture%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb40%2Fp%2Fcoub%2Fsimple%2Fcw_image%2Ff399142908f%2Fcac78b6cef27fd83fc71a%2Fios_mosaic_1435857640_00021.jpg%22%2C%22sharing_picture%22%3Anull%2C%22percent_done%22%3A100%2C%22tags%22%3A%5B%5D%2C%22recoubs_count%22%3A0%2C%22likes_count%22%3A0%2C%22raw_video_id%22%3A1493882%2C%22uploaded_by_ios_app%22%3Afalse%2C%22uploaded_by_android_app%22%3Afalse%2C%22media_block_audio%22%3A%7B%7D%2C%22media_block_video%22%3A%7B%7D%2C%22media_blocks%22%3A%7B%7D%2C%22raw_video_thumbnail_url%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb40%2Fp%2Fraw_video%2Fcw_image%2Fc14c8e7fcc4%2F85a9fb0d973ca70d5f4f8%2Fcoub_media_1435857475_image.jpg%22%2C%22raw_video_title%22%3A%22Loop_World_1.mp4%22%2C%22video_block_banned%22%3Afalse%2C%22duration%22%3A6.6%2C%22promo_winner%22%3Afalse%2C%22editorial_info%22%3A%7B%7D%2C%22tracking_pixel_url%22%3Anull%2C%22promo_hint%22%3Anull%2C%22beeline_best_2014%22%3Anull%2C%22from_web_editor%22%3Atrue%2C%22normalize_sound%22%3Atrue%2C%22referrer%22%3A%7B%22type%22%3A%22unknown%22%2C%22uri%22%3A%22no%22%7D%2C%22remote_addr%22%3A%222.29.6.56%22%2C%22country_code%22%3A%22GB%22%7D&amp;vars=%7B%22id%22%3A%22playerEmbed73x2s9023%22%2C%22type%22%3A%22embed%22%2C%22host%22%3A%22coub.com%22%2C%22autoplay%22%3Atrue%2C%22useEmbedDispatcher%22%3Afalse%2C%22isMuted%22%3Atrue%2C%22referrer%22%3A%22%22%2C%22noControls%22%3Atrue%2C%22startWithHD%22%3Atrue%2C%22hideTopBar%22%3Atrue%2C%22noSiteButtons%22%3Atrue%2C%22noHDControl%22%3Atrue%2C%22goOnClick%22%3Atrue%2C%22hasMusicIcon%22%3Atrue%7D" name="flashvars">
    </object>
    
    <div id="page">
    <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec 
    ultricies sollicitudin nisi, ut molestie felis adipiscing sit 
    amet. Sed auctor vehicula commodo. Nam a nibh neque, vitae 
    faucibus felis. Vivamus at metus eget eros consequat fringilla. 
    Quisque magna magna, laoreet eu tempus sit amet, fringilla at 
    tellus. Praesent felis tortor, scelerisque vitae fringilla 
    non, porttitor et lacus. Ut ut sapien nec quam tincidunt 
    consectetur in nec lacus.
    </p><p>
    Phasellus porta, dui a elementum egestas, odio sapien rhoncus 
    lorem, vitae bibendum erat sem eget sapien. Maecenas ut metus 
    ac quam pellentesque lacinia quis sit amet augue. Fusce eu 
    euismod urna. Nunc volutpat scelerisque tempus. Donec eget arcu 
    et mauris scelerisque tristique. Donec fringilla mauris dolor, 
    sit amet vulputate lacus. Nulla feugiat mattis nulla non 
    tincidunt. Nam sit amet dolor eros, a viverra lacus. Nunc quis 
    nisi eget neque tempus facilisis eu quis sapien.
    </p>
    </div>
    
    </body>
    </html>

    coothead

    Comments on this post

    • 8745321311 agrees
    • Will-O-The-Wisp agrees : Thanks for helping out here!
    ~ the original bald headed old fart ~
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2014
    Posts
    30
    Rep Power
    5
    hi coothead, thanks for the welcome. It works great, thank you very much.

    The only thing i am unsure about is how to change it for another video (eg. coub.com/embed/73x7t), so that i can interchange the code?!

    thanks again
  8. #5
  9. ~ bald headed old fart ~
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2005
    Location
    chertsey, a small town s.w. of london, england
    Posts
    363
    Rep Power
    133
    Hi there 8745321311,

    This is how I did/do it...
    1. copied your iframe src...
      Code:
      
      http://coub.com/embed/73x2s
      ?muted=true&
      autostart=true&
      noControls=true&
      noHDControl=true&
      noSiteButtons=true&
      originalSize=false&
      hideTopBar=true&
      startWithHD=true
    2. ... and pasted the code into the address bar of "Mozilla Firefox"
    3. this browser has this extension...
      ...installed.
    4. it has a very important feature: -> "View Source" -> "View Generated Source"
    5. This is what I was looking for...
      Code:
      
      <object style="visibility: visible; cursor: pointer;" id="playerEmbed73x2s6485"  
      data="http://assets1.akamai.coub.com/assets/coub-player-5dbdf3847bf29a1ca2b7003268eb6c5c.swf" 
      name="playerEmbed73x2s6485" type="application/x-shockwave-flash" height="604" width="1352">
      <param value="always" name="allowscriptaccess">
      <param value="true" name="allowfullscreen">
      <param value="transparent" name="wmode">
      <param value="playerEmbed73x2s6485" name="name">
      <param value="json=%7B%22flag%22%3Anull%2C%22abuses%22%3Anull%2C%22recoubs_by_users_channels%22%3Anull%2C%22recoub%22%3Anull%2C%22like%22%3Anull%2C%22id%22%3A12693546%2C%22type%22%3A%22Coub%3A%3ASimple%22%2C%22permalink%22%3A%2273x2s%22%2C%22title%22%3A%22World%22%2C%22visibility_type%22%3A%22unlisted%22%2C%22original_visibility_type%22%3A%22unlisted%22%2C%22channel_id%22%3A1937931%2C%22created_at%22%3A%222015-07-02T17%3A20%3A00Z%22%2C%22updated_at%22%3A%222015-07-03T09%3A23%3A50Z%22%2C%22is_done%22%3Atrue%2C%22views_count%22%3A19%2C%22cotd%22%3Anull%2C%22cotd_at%22%3Anull%2C%22published_at%22%3A%222015-07-02T17%3A20%3A00Z%22%2C%22views_increase_count%22%3A19%2C%22shares_count%22%3A0%2C%22reversed%22%3Afalse%2C%22ipad_playback_reversed%22%3Afalse%2C%22from_editor_v2%22%3Atrue%2C%22original_sound%22%3Afalse%2C%22has_sound%22%3Afalse%2C%22recoub_to%22%3Anull%2C%22file_versions%22%3A%7B%22web%22%3A%7B%22template%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb38%2Fp%2Fcoub%2Fsimple%2Fcw_file%2Fb3520aee8b6%2F4c7a0132ac228779878fb%2F%25%7Btype%7D_%25%7Bversion%7D_size_1435857624_%25%7Bversion%7D.%25%7Btype%7D%22%2C%22types%22%3A%5B%22flv%22%2C%22mp4%22%5D%2C%22versions%22%3A%5B%22big%22%2C%22med%22%2C%22small%22%5D%7D%2C%22web_chunks%22%3A%7B%22template%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb38%2Fp%2Fcoub%2Fsimple%2Fcw_file%2Fb3520aee8b6%2F4c7a0132ac228779878fb%2F%25%7Btype%7D_%25%7Bversion%7D_size_c%25%7Bchunk%7D_1435857624_chunk_%25%7Bchunk%7D_%25%7Bversion%7D.flv%22%2C%22types%22%3A%5B%22flv%22%2C%22mp4%22%5D%2C%22versions%22%3A%5B%22big%22%2C%22med%22%2C%22small%22%5D%2C%22chunks%22%3A%5B1%2C2%2C3%2C4%5D%7D%2C%22html5%22%3A%7B%22template%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_%25%7Bchunk_num%7D_1435857683_ipad_video_base64%22%2C%22chunks%22%3A%5B0%2C1%2C2%2C3%2C4%2C5%2C6%5D%7D%2C%22iphone%22%3A%7B%22url%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb38%2Fp%2Fcoub%2Fsimple%2Fcw_file%2Fb3520aee8b6%2F4c7a0132ac228779878fb%2Fiphone_1435857624_iphone.mp4%22%7D%2C%22mobile%22%3A%7B%22audio_url%22%3Anull%2C%22base64_url%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2F1435857683_ipad_video_base64%22%2C%22base64_files%22%3A%5B%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_0_1435857683_ipad_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_1_1435857683_ipad_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_2_1435857683_ipad_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_3_1435857683_ipad_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_4_1435857683_ipad_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_5_1435857683_ipad_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_6_1435857683_ipad_video_base64%22%5D%2C%22base64_files_small%22%3A%5B%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb33%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_0_1435857683_ipad_small_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb33%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_1_1435857683_ipad_small_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb33%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_2_1435857683_ipad_small_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb33%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_3_1435857683_ipad_small_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb33%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_4_1435857683_ipad_small_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb33%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_5_1435857683_ipad_small_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb33%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F10ab5506f21%2F0b5d067530c5b32ef0979%2Fchunk_6_1435857683_ipad_small_video_base64%22%5D%2C%22frames_count%22%3A100%7D%7D%2C%22audio_versions%22%3A%7B%7D%2C%22flv_audio_versions%22%3A%7B%7D%2C%22image_versions%22%3A%7B%22template%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb40%2Fp%2Fcoub%2Fsimple%2Fcw_image%2Ff399142908f%2Fcac78b6cef27fd83fc71a%2F%25%7Bversion%7D_1435857640_00021.jpg%22%2C%22versions%22%3A%5B%22micro%22%2C%22tiny%22%2C%22age_restricted%22%2C%22ios_large%22%2C%22ios_mosaic%22%2C%22big%22%2C%22med%22%2C%22small%22%2C%22pinterest%22%5D%7D%2C%22first_frame_versions%22%3A%7B%22template%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb43%2Fp%2Fcoub%2Fsimple%2Fcw_timeline_pic%2Ff399142908f%2Fcac78b6cef27fd83fc71a%2F%25%7Bversion%7D_1435857640_image.jpg%22%2C%22versions%22%3A%5B%22big%22%2C%22med%22%2C%22small%22%2C%22ios_large%22%5D%7D%2C%22dimensions%22%3A%7B%22big%22%3A%5B%22640%22%2C%22360%22%5D%2C%22med%22%3A%5B%22640%22%2C%22360%22%5D%2C%22small%22%3A%5B%22400%22%2C%22224%22%5D%7D%2C%22gif_versions%22%3A%7B%22big%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb24%2Fp%2Fcoub%2Fsimple%2Fcw_gif_big%2F922c4637439%2Fb8fe733a8641b80a1ea24%2F1435857674_15rhzit_73x2s.gif%22%2C%22email%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb81%2Fp%2Fcoub%2Fsimple%2Fcw_gif_email%2F110bf868971%2F57d3b5082883c232843c1%2F1435857678_1d5xvue_73x2s.gif%22%7D%2C%22site_w_h%22%3A%5B640%2C360%5D%2C%22page_w_h%22%3A%5B640%2C360%5D%2C%22site_w_h_small%22%3A%5B310%2C174%5D%2C%22age_restricted%22%3Afalse%2C%22age_restricted_by_admin%22%3Afalse%2C%22not_safe_for_work%22%3Anull%2C%22allow_reuse%22%3Afalse%2C%22dont_crop%22%3Afalse%2C%22banned%22%3Afalse%2C%22global_safe%22%3Anull%2C%22comments_count%22%3A0%2C%22audio_file_url%22%3Anull%2C%22external_download%22%3Afalse%2C%22application%22%3Anull%2C%22channel%22%3A%7B%22id%22%3A1937931%2C%22permalink%22%3A%22palacepalace%22%2C%22title%22%3A%22Palace%22%2C%22description%22%3A%22%22%2C%22followers_count%22%3A0%2C%22following_count%22%3A0%2C%22avatar_versions%22%3A%7B%7D%7D%2C%22file%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb38%2Fp%2Fcoub%2Fsimple%2Fcw_file%2Fb3520aee8b6%2F4c7a0132ac228779878fb%2Fiphone_1435857624_iphone.mp4%22%2C%22picture%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb40%2Fp%2Fcoub%2Fsimple%2Fcw_image%2Ff399142908f%2Fcac78b6cef27fd83fc71a%2Fmed_1435857640_00021.jpg%22%2C%22timeline_picture%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb43%2Fp%2Fcoub%2Fsimple%2Fcw_timeline_pic%2Ff399142908f%2Fcac78b6cef27fd83fc71a%2Fios_large_1435857640_image.jpg%22%2C%22small_picture%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb40%2Fp%2Fcoub%2Fsimple%2Fcw_image%2Ff399142908f%2Fcac78b6cef27fd83fc71a%2Fios_mosaic_1435857640_00021.jpg%22%2C%22sharing_picture%22%3Anull%2C%22percent_done%22%3A100%2C%22tags%22%3A%5B%5D%2C%22recoubs_count%22%3A0%2C%22likes_count%22%3A0%2C%22raw_video_id%22%3A1493882%2C%22uploaded_by_ios_app%22%3Afalse%2C%22uploaded_by_android_app%22%3Afalse%2C%22media_block_audio%22%3A%7B%7D%2C%22media_block_video%22%3A%7B%7D%2C%22media_blocks%22%3A%7B%7D%2C%22raw_video_thumbnail_url%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb40%2Fp%2Fraw_video%2Fcw_image%2Fc14c8e7fcc4%2F85a9fb0d973ca70d5f4f8%2Fcoub_media_1435857475_image.jpg%22%2C%22raw_video_title%22%3A%22Loop_World_1.mp4%22%2C%22video_block_banned%22%3Afalse%2C%22duration%22%3A6.6%2C%22promo_winner%22%3Afalse%2C%22editorial_info%22%3A%7B%7D%2C%22tracking_pixel_url%22%3Anull%2C%22promo_hint%22%3Anull%2C%22beeline_best_2014%22%3Anull%2C%22from_web_editor%22%3Atrue%2C%22normalize_sound%22%3Atrue%2C%22referrer%22%3A%7B%22type%22%3A%22unknown%22%2C%22uri%22%3A%22no%22%7D%2C%22remote_addr%22%3A%222.29.6.56%22%2C%22country_code%22%3A%22GB%22%7D&amp;vars=%7B%22id%22%3A%22playerEmbed73x2s9023%22%2C%22type%22%3A%22embed%22%2C%22host%22%3A%22coub.com%22%2C%22autoplay%22%3Atrue%2C%22useEmbedDispatcher%22%3Afalse%2C%22isMuted%22%3Atrue%2C%22referrer%22%3A%22%22%2C%22noControls%22%3Atrue%2C%22startWithHD%22%3Atrue%2C%22hideTopBar%22%3Atrue%2C%22noSiteButtons%22%3Atrue%2C%22noHDControl%22%3Atrue%2C%22goOnClick%22%3Atrue%2C%22hasMusicIcon%22%3Atrue%7D" name="flashvars">
      </object>
    6. after removing some unwanted bits, this code was used as the basis for the example that I posted.


    Now to change the to another video replace "73x2s" with "73x7t" in step #1.
    Then replace the "<param value="json=............" code in my posted example with that from the "View Generated Source" code in step #5.

    coothead

    Comments on this post

    • 8745321311 agrees
    ~ the original bald headed old fart ~
  10. #6
  11. ~ bald headed old fart ~
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2005
    Location
    chertsey, a small town s.w. of london, england
    Posts
    363
    Rep Power
    133
    Hi there 8745321311,

    just in case you find my instructions difficult to understand, here is what the finished code would look like...
    Code:
    
    <!DOCTYPE html>
    <html  lang="en">
    <head>
    
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <title>untitled document</title>
    
    <style media="screen">
    html,body {
        height:100%;
        margin:0;
     }
    body {
        position:relative;
        overflow-x:hidden;
     }
    #object {
        position:fixed;
     }
    #page {
        position:absolute;
        top:0;
        bottom:0;
        width:76%;
        padding:0 2%;
        margin:0 10%;
        background-image:linear-gradient(to bottom,
                             rgba(255,255,255,1.0),
                             rgba(255,255,255,0.75));
        box-shadow:inset 0 0 20px rgba(0,0,0,0.75);
        overflow:auto; 
     }
    </style>
    
    <script>
    (function() {
       'use strict';
    
       var w,h,d=document,r=0.562,o,p;
    
    function fixBackground(){ 
       w=d.body.offsetWidth;
       h=d.body.offsetHeight;
       o=d.getElementById('object'); 
       p=d.getElementById('page');
    
    if(h/w>r){
       o.style.height=h+'px';
       o.style.width=h/r+'px';
     }
    else{
       o.style.height=w*r+'px';
       o.style.width=w+'px';
       p.style.height=w*r+'px';
      }
     }
    window.onresize=function() {
      fixBackground();
     }
       window.addEventListener('load',fixBackground,false);
    })();
    </script>
    
    </head>
    <body>
    
    <object id="object"
    data="http://assets1.akamai.coub.com/assets/coub-player-5dbdf3847bf29a1ca2b7003268eb6c5c.swf" 
    type="application/x-shockwave-flash">
    <param value="transparent" name="wmode">
    <param value="json=%7B%22flag%22%3Anull%2C%22abuses%22%3Anull%2C%22recoubs_by_users_channels%22%3Anull%2C%22recoub%22%3Anull%2C%22like%22%3Anull%2C%22id%22%3A12693727%2C%22type%22%3A%22Coub%3A%3ASimple%22%2C%22permalink%22%3A%2273x7t%22%2C%22title%22%3A%22Car%22%2C%22visibility_type%22%3A%22unlisted%22%2C%22original_visibility_type%22%3A%22unlisted%22%2C%22channel_id%22%3A1937931%2C%22created_at%22%3A%222015-07-02T17%3A29%3A47Z%22%2C%22updated_at%22%3A%222015-07-03T09%3A24%3A03Z%22%2C%22is_done%22%3Atrue%2C%22views_count%22%3A15%2C%22cotd%22%3Anull%2C%22cotd_at%22%3Anull%2C%22published_at%22%3A%222015-07-02T17%3A29%3A47Z%22%2C%22views_increase_count%22%3A15%2C%22shares_count%22%3A0%2C%22reversed%22%3Atrue%2C%22ipad_playback_reversed%22%3Atrue%2C%22from_editor_v2%22%3Atrue%2C%22original_sound%22%3Afalse%2C%22has_sound%22%3Afalse%2C%22recoub_to%22%3Anull%2C%22file_versions%22%3A%7B%22web%22%3A%7B%22template%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb57%2Fp%2Fcoub%2Fsimple%2Fcw_file%2F454babb88d3%2F7df6ea312cbfc1d6e8f02%2F%25%7Btype%7D_%25%7Bversion%7D_size_1435858275_%25%7Bversion%7D.%25%7Btype%7D%22%2C%22types%22%3A%5B%22flv%22%2C%22mp4%22%5D%2C%22versions%22%3A%5B%22big%22%2C%22med%22%2C%22small%22%5D%7D%2C%22web_chunks%22%3A%7B%22template%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb57%2Fp%2Fcoub%2Fsimple%2Fcw_file%2F454babb88d3%2F7df6ea312cbfc1d6e8f02%2F%25%7Btype%7D_%25%7Bversion%7D_size_c%25%7Bchunk%7D_1435858275_chunk_%25%7Bchunk%7D_%25%7Bversion%7D.flv%22%2C%22types%22%3A%5B%22flv%22%2C%22mp4%22%5D%2C%22versions%22%3A%5B%22big%22%2C%22med%22%2C%22small%22%5D%2C%22chunks%22%3A%5B1%2C2%2C3%2C4%5D%7D%2C%22html5%22%3A%7B%22template%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_%25%7Bchunk_num%7D_1435858422_ipad_video_base64%22%2C%22chunks%22%3A%5B0%2C1%2C2%2C3%2C4%2C5%2C6%2C7%2C8%2C9%2C10%5D%7D%2C%22iphone%22%3A%7B%22url%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb57%2Fp%2Fcoub%2Fsimple%2Fcw_file%2F454babb88d3%2F7df6ea312cbfc1d6e8f02%2Fiphone_1435858275_iphone.mp4%22%7D%2C%22mobile%22%3A%7B%22audio_url%22%3Anull%2C%22base64_url%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2F1435858422_ipad_video_base64%22%2C%22base64_files%22%3A%5B%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_0_1435858422_ipad_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_1_1435858422_ipad_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_2_1435858422_ipad_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_3_1435858422_ipad_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_4_1435858422_ipad_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_5_1435858422_ipad_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_6_1435858422_ipad_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_7_1435858422_ipad_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_8_1435858422_ipad_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_9_1435858422_ipad_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb20%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_10_1435858422_ipad_video_base64%22%5D%2C%22base64_files_small%22%3A%5B%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb44%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_0_1435858422_ipad_small_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb44%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_1_1435858422_ipad_small_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb44%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_2_1435858422_ipad_small_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb44%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_3_1435858422_ipad_small_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb44%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_4_1435858422_ipad_small_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb44%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_5_1435858422_ipad_small_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb44%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_6_1435858422_ipad_small_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb44%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_7_1435858422_ipad_small_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb44%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_8_1435858422_ipad_small_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb44%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_9_1435858422_ipad_small_video_base64%22%2C%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb44%2Fp%2Fcoub%2Fsimple%2Fcw_ipad_video_small_base64%2F4bf087e9902%2Ff5f3bc2149e27b1a39d83%2Fchunk_10_1435858422_ipad_small_video_base64%22%5D%2C%22frames_count%22%3A152%7D%7D%2C%22audio_versions%22%3A%7B%7D%2C%22flv_audio_versions%22%3A%7B%7D%2C%22image_versions%22%3A%7B%22template%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb13%2Fp%2Fcoub%2Fsimple%2Fcw_image%2Feb7f197131b%2F607c4832e2935f6201cbc%2F%25%7Bversion%7D_1435858341_00063.jpg%22%2C%22versions%22%3A%5B%22micro%22%2C%22tiny%22%2C%22age_restricted%22%2C%22ios_large%22%2C%22ios_mosaic%22%2C%22big%22%2C%22med%22%2C%22small%22%2C%22pinterest%22%5D%7D%2C%22first_frame_versions%22%3A%7B%22template%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb19%2Fp%2Fcoub%2Fsimple%2Fcw_timeline_pic%2Fc7595563718%2Fc49838b418a1fc5c3132c%2F%25%7Bversion%7D_1435858337_image.jpg%22%2C%22versions%22%3A%5B%22big%22%2C%22med%22%2C%22small%22%2C%22ios_large%22%5D%7D%2C%22dimensions%22%3A%7B%22big%22%3A%5B%221280%22%2C%22720%22%5D%2C%22med%22%3A%5B%22640%22%2C%22360%22%5D%2C%22small%22%3A%5B%22400%22%2C%22224%22%5D%7D%2C%22gif_versions%22%3A%7B%22big%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb60%2Fp%2Fcoub%2Fsimple%2Fcw_gif_big%2F16ba5877407%2Fdf59da4473456df0fa3e8%2F1435858390_uj7iny_73x7t.gif%22%2C%22email%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb35%2Fp%2Fcoub%2Fsimple%2Fcw_gif_email%2Fd1f8fdfda1e%2F45accf444b4396489198c%2F1435858402_pskceq_73x7t.gif%22%7D%2C%22site_w_h%22%3A%5B640%2C360%5D%2C%22page_w_h%22%3A%5B640%2C360%5D%2C%22site_w_h_small%22%3A%5B310%2C174%5D%2C%22age_restricted%22%3Afalse%2C%22age_restricted_by_admin%22%3Afalse%2C%22not_safe_for_work%22%3Anull%2C%22allow_reuse%22%3Afalse%2C%22dont_crop%22%3Afalse%2C%22banned%22%3Afalse%2C%22global_safe%22%3Anull%2C%22comments_count%22%3A0%2C%22audio_file_url%22%3Anull%2C%22external_download%22%3Afalse%2C%22application%22%3Anull%2C%22channel%22%3A%7B%22id%22%3A1937931%2C%22permalink%22%3A%22palacepalace%22%2C%22title%22%3A%22Palace%22%2C%22description%22%3A%22%22%2C%22followers_count%22%3A0%2C%22following_count%22%3A0%2C%22avatar_versions%22%3A%7B%7D%7D%2C%22file%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb57%2Fp%2Fcoub%2Fsimple%2Fcw_file%2F454babb88d3%2F7df6ea312cbfc1d6e8f02%2Fiphone_1435858275_iphone.mp4%22%2C%22picture%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb13%2Fp%2Fcoub%2Fsimple%2Fcw_image%2Feb7f197131b%2F607c4832e2935f6201cbc%2Fmed_1435858341_00063.jpg%22%2C%22timeline_picture%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb19%2Fp%2Fcoub%2Fsimple%2Fcw_timeline_pic%2Fc7595563718%2Fc49838b418a1fc5c3132c%2Fios_large_1435858337_image.jpg%22%2C%22small_picture%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb13%2Fp%2Fcoub%2Fsimple%2Fcw_image%2Feb7f197131b%2F607c4832e2935f6201cbc%2Fios_mosaic_1435858341_00063.jpg%22%2C%22sharing_picture%22%3Anull%2C%22percent_done%22%3A100%2C%22tags%22%3A%5B%5D%2C%22recoubs_count%22%3A0%2C%22likes_count%22%3A0%2C%22raw_video_id%22%3A1493909%2C%22uploaded_by_ios_app%22%3Afalse%2C%22uploaded_by_android_app%22%3Afalse%2C%22media_block_audio%22%3A%7B%7D%2C%22media_block_video%22%3A%7B%7D%2C%22media_blocks%22%3A%7B%7D%2C%22raw_video_thumbnail_url%22%3A%22http%3A%2F%2Fell.akamai.coub.com%2Fget%2Fb50%2Fp%2Fraw_video%2Fcw_image%2Fcfc30500f65%2Fee4cba1b53603c22bae6d%2Fcoub_media_1435857996_image.jpg%22%2C%22raw_video_title%22%3A%22Loop_Car.mp4%22%2C%22video_block_banned%22%3Afalse%2C%22duration%22%3A20.08%2C%22promo_winner%22%3Afalse%2C%22editorial_info%22%3A%7B%7D%2C%22tracking_pixel_url%22%3Anull%2C%22promo_hint%22%3Anull%2C%22beeline_best_2014%22%3Anull%2C%22from_web_editor%22%3Atrue%2C%22normalize_sound%22%3Atrue%2C%22referrer%22%3A%7B%22type%22%3A%22unknown%22%2C%22uri%22%3A%22no%22%7D%2C%22remote_addr%22%3A%222.24.202.122%22%2C%22country_code%22%3A%22GB%22%7D&amp;vars=%7B%22id%22%3A%22playerEmbed73x7t9337%22%2C%22type%22%3A%22embed%22%2C%22host%22%3A%22coub.com%22%2C%22autoplay%22%3Atrue%2C%22useEmbedDispatcher%22%3Afalse%2C%22isMuted%22%3Atrue%2C%22referrer%22%3A%22%22%2C%22noControls%22%3Atrue%2C%22startWithHD%22%3Atrue%2C%22hideTopBar%22%3Atrue%2C%22noSiteButtons%22%3Atrue%2C%22noHDControl%22%3Atrue%2C%22goOnClick%22%3Atrue%2C%22hasMusicIcon%22%3Atrue%7D" name="flashvars">
    </object>
    
    <div id="page">
    <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec 
    ultricies sollicitudin nisi, ut molestie felis adipiscing sit 
    amet. Sed auctor vehicula commodo. Nam a nibh neque, vitae 
    faucibus felis. Vivamus at metus eget eros consequat fringilla. 
    Quisque magna magna, laoreet eu tempus sit amet, fringilla at 
    tellus. Praesent felis tortor, scelerisque vitae fringilla 
    non, porttitor et lacus. Ut ut sapien nec quam tincidunt 
    consectetur in nec lacus.
    </p><p>
    Phasellus porta, dui a elementum egestas, odio sapien rhoncus 
    lorem, vitae bibendum erat sem eget sapien. Maecenas ut metus 
    ac quam pellentesque lacinia quis sit amet augue. Fusce eu 
    euismod urna. Nunc volutpat scelerisque tempus. Donec eget arcu 
    et mauris scelerisque tristique. Donec fringilla mauris dolor, 
    sit amet vulputate lacus. Nulla feugiat mattis nulla non 
    tincidunt. Nam sit amet dolor eros, a viverra lacus. Nunc quis 
    nisi eget neque tempus facilisis eu quis sapien.
    </p>
    </div>
    
    </body>
    </html>

    coothead
    ~ the original bald headed old fart ~
  12. #7
  13. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2014
    Posts
    30
    Rep Power
    5
    thanks for explaining it so simply.
  14. #8
  15. ~ bald headed old fart ~
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2005
    Location
    chertsey, a small town s.w. of london, england
    Posts
    363
    Rep Power
    133
    Hi there
    8745321311,

    I am quite pleased that you understood my instructions, as teaching is not really my forte.


    coothead

    Comments on this post

    • 8745321311 agrees
    ~ the original bald headed old fart ~

IMN logo majestic logo threadwatch logo seochat tools logo