Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    1 px black lines on Vimeo embed videos

    General Discussion
    2
    5
    954
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      strk last edited by

      Hi @Armin-Unruh !
      We have embed Vimeo videos in a container that is 100% width & height that displays a 1px black line. We've checked Vimeo forums and Vimeo claims that they are not the problem but the CMS we are using.
      For example: http://www.querida.si/solange-seventy-states/

      This si the code we are using
      <style>
      .embed-container { overflow: hidden; position: relative; padding-bottom: 63.15%; height: 0; overflow: hidden; max-width: 100%; }
      .embed-container iframe {
      position: absolute;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      z-index: -100;
      -ms-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -webkit-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      background-size: cover;
      }
      </style>
      <div class='embed-container'><iframe src='https://player.vimeo.com/video/248458987?autoplay=1&loop=1&autopause=0 frameborder=‘0’ mute='true' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>

      Any ideas as to how I can fix this?
      Thanks!

      1 Reply Last reply Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

        Hi @strk

        can you insert your custom CSS in the Custom CSS section?

        Then it is easier to edit and inspect. Not as an inline code it is rather messy.

        Thank you!

        Marius

        www.mariusjopen.world

        S 2 Replies Last reply Reply Quote 0
        • S
          strk @mariusjopen last edited by

          @mariusjopen Done!
          If the code is in the CSS custom section, do we place the videos by using the +Video button or +HTML?
          Thanks!

          1 Reply Last reply Reply Quote 0
          • S
            strk @mariusjopen last edited by

            @mariusjopen Actually, don't worry, we'll try do it in a different way. Thank you anyway!

            1 Reply Last reply Reply Quote 0
            • mariusjopen
              mariusjopen Global Moderator last edited by

              Hi @strk

              all good!

              Let me know when you need help with that then…

              Merry Christmas!

              Marius

              www.mariusjopen.world

              1 Reply Last reply Reply Quote 0
              • First post
                Last post

              Before you post

              Use the Search Feature. Maybe there is already a solution to your issue.

              1. Update Lay Theme and all Lay Theme Addons
              2. Disable all Plugins
              3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
              4. Now see if your problem solved itself
              5. Go here, see if your problem is listed here:
              Troubleshooting

              When you post:
              1. Post a link to where the problem is
              2. If the problem is difficult to explain, post screenshots / link to a video to explain it

              Thanks!

              Online Users

              A
              S
              S
              G
              L

              Recent Topics

              • A

                Theme crashed - because of Polylang?

              • A

                can't change front page

              • M

                komische boxen auf der Website

              laytheme.com