1 Reply Latest reply on Sep 8, 2017 7:27 PM by Ussnorway

    Strange Border on Vimeo Embed

    flyingsock

      This is not the usual resize the video thing. This is an all-white video (I made double-sure) that has a weird border when I embed it, on the top and left sides.

       

      Screen Shot 2017-09-08 at 5.22.18 PM.png

      Here is my embed code. It is supposed to allow it to embed responsively, and play automatically with no controls:

       

      <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 2; overflow: hidden; max-width: 920; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='http://player.vimeo.com/video/244060365?api=1&loop=0&mute=0&background=1'></iframe></div>

       

      Please help, I am so close to having this work!

        • 1. Re: Strange Border on Vimeo Embed
          Ussnorway Adobe Community Professional

          flyingsock  wrote

          It is supposed to allow it to embed responsively, and play automatically with no controls:

           

          <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 2; overflow: hidden; max-width: 920; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='http://player.vimeo.com/video/244060365?api=1&loop=0&mute=0&background=1'></iframe></div>

          this black line is caused by your old type code

          Screen+Shot+2017-09-08+at+5.22.18+PM.png

          you have defined padding of 56% (bit in red) but not set color and the default is black... if you change this amount to 200% it will be clear

           

          p.s, the default Adobe Muse widget for vimeo is the best option but I assume you want to know where your code is breaking so 100% width (bit in green) is also bad code... best of luck with it mate

          1 person found this helpful