| Summary: | Captions disappear when enter native fullscreen on iOS 13.4.1 with Video.js | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Gary Katsevman <webkit> |
| Component: | Media | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW --- | ||
| Severity: | Normal | CC: | eric.carlson, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 13 | ||
| Hardware: | Unspecified | ||
| OS: | iOS 13 | ||
|
Description
Gary Katsevman
2020-05-19 12:59:04 PDT
On the Video.js issue, someone commented that a style we add to the video player/element was causing an issue, and I was able to confirm it.
When we enter fullscreen, we apply the following styles to the player element:
```css
.video-js.vjs-fullscreen {
width: 100% !important;
height: 100% !important;
padding-top: 0 !important;
}
```
This is something that we can change, though, we've had this style in Video.js for years.
Created a PR for the workaround in Video.js https://github.com/videojs/video.js/pull/6673 A live version of it is here https://deploy-preview-6673--videojs-docs.netlify.app/test-example/ |