question-mark
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.

issues in video preview fronted

See original GitHub issue

Hi, When i insert Youtube Video from there is issues on fronted in this line added <figure style="width: 100%; height: 56.25%; padding-bottom: 56.25%; margin: 0px;"> width, height, padding-bottom, margin we can control it with videoWidth & videoHeight but not padding-bottom and it’s same as videoHeight

and now issues comes on fronted padding-bottom: 56.25%; added extra spaces from bottom (we not use your code on fronted because not want extra code ) so want to just know how to fix it want to remove padding-bottom (why we need padding because video working perfect without padding so why add extra codes ) or how we can control it like as videoHeight or where we can edit it or removed this line <figure style="width: 100%; height: 56.25%; padding-bottom: 56.25%; margin: 0px;"> this line not required because we already have before a Div

Thanks it’s a great editor

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
ArturKoziolcommented, Jan 15, 2021

Had similar issue while the library. Found a quick workaround by just styling:

.se-video-container {
  position: relative;
}

.se-video-container iframe {
  position: absolute;
}

It doesn’t remove the <figure>, but with this the video displays normally without space on the bottom and I can use all aspects available from the dropdown.

0reactions
devbrijeshcommented, Feb 19, 2021

ok

Read more comments on GitHub >

github_iconTop Results From Across the Web

video shows in Preview but not Front end | WordPress.org
The youtube video shows when I Preview Changes, but does not show up on Front end after Updating the page. I cleared cache....
Read more >
Video Preview Problem - Dig - Emulator front-end for Android
The problem occurs in both portrait and landscape orientation, Android version 9. The videos play fine using the preview pane in the game ......
Read more >
HTML Video element, not working after iosSafari15 update
all i can see is white blank background instead of background video. it looks like video cannot be loaded or played.
Read more >
How to Fix the 'Cached Preview' Error in After Effects
SAVE AND CLOSE AFTER EFFECTS​​ While it may seem obvious sometimes this error can be often be solved by simply closing out After...
Read more >
Responsive Frontend Previews - Crystallize
You can use the Crystallize App to set up frontend previews within your tenant. To get started, click the Settings button in the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found