Border on sides of video?

philipmahl(Philip Mahler) September 3, 2022, 3:20pm #1

We can’t seem to figure out why we get these on the sides of our video?

https://preview.www.raktarban.com/preview/neweskimi?utm_medium=preview_link&utm_source=designer&utm_content=neweskimi&preview=d693a2067f03937e6106aa6062e919a4&pageId=630fa672291290e396108369&workflow=preview

AliSaeed(Ali Saeed) September 3, 2022, 4:53pm #2

Hi Philip,

Add some 1 rem padding inside of the hero-wrapper. Should fix it

Stan(justAnotherDeveloper) September 3, 2022, 6:03pm #3

嗨@philipmahlborders on video is very common request from users. The reasons why it happened andhow tosolve it I’m explaining eg. in this request.

How do I remove the white frame on videos? Custom code

Hi there! Would you be so kind to let me know where this is supposed to go in your embed code (if that’s where it goes?) This is what I have for my Vimeo embed currently:
</p> </div> <meta itemprop="headline" content="Border on sides of video?"> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"> <meta itemprop="userInteractionCount" content="0"> <span class="post-likes"></span> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/CommentAction"> <meta itemprop="userInteractionCount" content="1"> </div> </div> <div id="post_4" itemscope itemtype="http://schema.org/DiscussionForumPosting" class="topic-body crawler-post"> <div class="crawler-post-meta"> <div itemprop="publisher" itemscope itemtype="http://schema.org/Organization"> <meta itemprop="name" content="Webflow, Inc."> <div itemprop="logo" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="url" content="https://global.discourse-cdn.com/business5/uploads/webflow1/original/3X/b/7/b71cf9f3a3b17f70f1e9385d195d9a2f62337dcc.jpeg"> </div> </div> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"><a itemprop="url" href="//www.raktarban.com/discourse/u/philipmahl"><span itemprop="name">philipmahl</span></a>(Philip Mahler)</span> <span class="crawler-post-infos"><time itemprop="datePublished" datetime="2022-09-04T12:25:10Z" class="post-time">September 4, 2022, 12:25pm</time> <meta itemprop="dateModified" content="2022-09-04T12:25:10Z"><span itemprop="position">#4</span></span> </div> <div class="post" itemprop="articleBody"> <p>Thank you Ali and Stan</p> <p>I tried both options.</p> <ol> <li>1 EM</li> <li>Adding style to no border</li> </ol> <p>Nothing happened.</p> <p>I’ll keep looking to find a solution.</p> </div> <meta itemprop="headline" content="Border on sides of video?"> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"> <meta itemprop="userInteractionCount" content="1"> <span class="post-likes">1 Like</span> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/CommentAction"> <meta itemprop="userInteractionCount" content="1"> </div> </div> <div id="post_5" itemscope itemtype="http://schema.org/DiscussionForumPosting" class="topic-body crawler-post"> <div class="crawler-post-meta"> <div itemprop="publisher" itemscope itemtype="http://schema.org/Organization"> <meta itemprop="name" content="Webflow, Inc."> <div itemprop="logo" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="url" content="https://global.discourse-cdn.com/business5/uploads/webflow1/original/3X/b/7/b71cf9f3a3b17f70f1e9385d195d9a2f62337dcc.jpeg"> </div> </div> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"><a itemprop="url" href="//www.raktarban.com/discourse/u/Stan"><span itemprop="name">Stan</span></a>(justAnotherDeveloper)</span> <span class="crawler-post-infos"><time itemprop="datePublished" datetime="2022-09-04T17:29:58Z" class="post-time">September 4, 2022, 5:29pm</time> <meta itemprop="dateModified" content="2022-09-04T18:01:28Z"><span itemprop="position">#5</span></span> </div> <div class="post" itemprop="articleBody"> <p>嗨<a class="mention" href="//www.raktarban.com/discourse/u/philipmahl">@philipmahl</a>我找不到视频哟u’re have in screenshot as page is not specified in your request be able to find it. I have find one video to check and you have set<code>frameborder="no"</code>and that is not correct value.</p> <p></p> <div class="lightbox-wrapper"> <a class="lightbox" href="https://global.discourse-cdn.com/business5/uploads/webflow1/original/3X/3/3/331d658a9b97fc6d7bc812c699d73f4a9d759974.jpeg" data-download-href="/uploads/short-url/7ibkE7h0geWXwzSomjrGct0fg5m.jpeg?dl=1" title=""><img src="https://global.discourse-cdn.com/business5/uploads/webflow1/optimized/3X/3/3/331d658a9b97fc6d7bc812c699d73f4a9d759974_2_690x292.jpeg" alt="CleanShot 2022-09-04 at 18.20.56" data-base62-sha1="7ibkE7h0geWXwzSomjrGct0fg5m" width="690" height="292" srcset="https://global.discourse-cdn.com/business5/uploads/webflow1/optimized/3X/3/3/331d658a9b97fc6d7bc812c699d73f4a9d759974_2_690x292.jpeg, https://global.discourse-cdn.com/business5/uploads/webflow1/original/3X/3/3/331d658a9b97fc6d7bc812c699d73f4a9d759974.jpeg 1.5x, https://global.discourse-cdn.com/business5/uploads/webflow1/original/3X/3/3/331d658a9b97fc6d7bc812c699d73f4a9d759974.jpeg 2x" data-small-upload="https://global.discourse-cdn.com/business5/uploads/webflow1/optimized/3X/3/3/331d658a9b97fc6d7bc812c699d73f4a9d759974_2_10x10.png"> <div class="meta"> <svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"> <use href="//www.raktarban.com/discourse/t/border-on-sides-of-video/#far-image"></use> </svg> <span class="filename">CleanShot 2022-09-04 at 18.20.56</span> <span class="informations">782×332 27.2 KB</span> <svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"> <use href="//www.raktarban.com/discourse/t/border-on-sides-of-video/#discourse-expand"></use> </svg> </div></a> </div> <p></p> <p>If you have read my response I do not wrote that value should be<code>no</code>but it should be<code>0</code>as noted in official documentation.</p> <p></p> <div class="lightbox-wrapper"> <a class="lightbox" href="https://global.discourse-cdn.com/business5/uploads/webflow1/original/3X/0/3/03e3255e4b6aa62f781f554cc15d493e6aef08c3.jpeg" data-download-href="/uploads/short-url/yo5BwHLL0yQPnlJXZk3oZ0ylDJ.jpeg?dl=1" title=""><img src="https://global.discourse-cdn.com/business5/uploads/webflow1/optimized/3X/0/3/03e3255e4b6aa62f781f554cc15d493e6aef08c3_2_690x319.jpeg" alt="CleanShot 2022-09-04 at 18.21.47" data-base62-sha1="yo5BwHLL0yQPnlJXZk3oZ0ylDJ" width="690" height="319" srcset="https://global.discourse-cdn.com/business5/uploads/webflow1/optimized/3X/0/3/03e3255e4b6aa62f781f554cc15d493e6aef08c3_2_690x319.jpeg, https://global.discourse-cdn.com/business5/uploads/webflow1/original/3X/0/3/03e3255e4b6aa62f781f554cc15d493e6aef08c3.jpeg 1.5x, https://global.discourse-cdn.com/business5/uploads/webflow1/original/3X/0/3/03e3255e4b6aa62f781f554cc15d493e6aef08c3.jpeg 2x" data-small-upload="https://global.discourse-cdn.com/business5/uploads/webflow1/optimized/3X/0/3/03e3255e4b6aa62f781f554cc15d493e6aef08c3_2_10x10.png"> <div class="meta"> <svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"> <use href="//www.raktarban.com/discourse/t/border-on-sides-of-video/#far-image"></use> </svg> <span class="filename">CleanShot 2022-09-04 at 18.21.47</span> <span class="informations">829×384 61.3 KB</span> <svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"> <use href="//www.raktarban.com/discourse/t/border-on-sides-of-video/#discourse-expand"></use> </svg> </div></a> </div> <p></p> <p>Hope that will clear out doubts how it should be done correctly and will help to solve your request.</p> </div> <meta itemprop="headline" content="Border on sides of video?"> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"> <meta itemprop="userInteractionCount" content="0"> <span class="post-likes"></span> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/CommentAction"> <meta itemprop="userInteractionCount" content="0"> </div> </div>  </div> <footer class="container wrap"> <nav class="crawler-nav"> <ul> <li itemscope itemtype="http://schema.org/SiteNavigationElement"><span itemprop="name"><a href="//www.raktarban.com/discourse/" itemprop="url">Home</a></span></li> <li itemscope itemtype="http://schema.org/SiteNavigationElement"><span itemprop="name"><a href="//www.raktarban.com/discourse/categories" itemprop="url">Categories</a></span></li> <li itemscope itemtype="http://schema.org/SiteNavigationElement"><span itemprop="name"><a href="//www.raktarban.com/discourse/guidelines" itemprop="url">FAQ/Guidelines</a></span></li> <li itemscope itemtype="http://schema.org/SiteNavigationElement"><span itemprop="name"><a href="//www.raktarban.com/discourse/tos" itemprop="url">Terms of Service</a></span></li> <li itemscope itemtype="http://schema.org/SiteNavigationElement"><span itemprop="name"><a href="//www.raktarban.com/discourse/privacy" itemprop="url">Privacy Policy</a></span></li> </ul> </nav> <p class="powered-by-link">Powered by<a href="https://www.discourse.org">Discourse</a>, best viewed with JavaScript enabled</p> </footer>

▼

Streaming live at 10am (PST)

map