Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
CSS Class vp-player-layout Issue
See original GitHub issueExpected Behavior
No left margin
Actual Behavior
1px left margin
Steps to Reproduce
View full body width video
Example
https://www.figtreehotel.com.au/
Cause
left: 1px
<div class="vp-player-layout" style="left: 1px; top: 0px; width: 1902px; height: 1070px;">
Fix
left: 0
<div class="vp-player-layout" style="left: 0; top: 0px; width: 1902px; height: 1070px;">
Note
Doing a Google, I found this has been an issue for a long time, and the consensus is that you will do nothing about it
Issue Analytics
- State:
- Created 5 years ago
- Comments:9 (2 by maintainers)
Top Results From Across the Web
Unwanted side margins on embedded iframe video from Vimeo
If you're having trouble, i.e. getting some margins or padding from these extra classes (such as vp-player-layout) you could try a CSS rule...
Read more >Debugging CSS - Learn web development | MDN
This article will give you guidance on how to go about debugging a CSS problem, and show you how the DevTools included in...
Read more >Lesson 1: Understanding ID and Class in CSS
In this lesson you will learn how ID and Class attributes can be used to stylize individual elements (id) or groups of elements...
Read more >CSS .class Selector - W3Schools
To select elements with a specific class, write a period (.) character, followed by the name of the class. You can also specify...
Read more >Class and ID selectors in CSS - Educative.io
Class selector. The class selector selects elements with a specific class attribute. It matches all the HTML elements based on the contents of...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
If you’re adding a responsive wrapper around the Vimeo iframe I recommend turning off our internal player responsive behavior by adding the
transparent=0param.e.g. https://player.vimeo.com/video/24880291?transparent=0
@luwes, may I suggest that you document this option more accurately? After reading your description of it on your docs, I still had no idea this is what its real use is.