Skip to content

Commit

Permalink
Add readme
Browse files Browse the repository at this point in the history
  • Loading branch information
Ivan Banha committed Dec 20, 2023
1 parent 15d1c26 commit 1a60b84
Show file tree
Hide file tree
Showing 3 changed files with 15 additions and 1 deletion.
14 changes: 14 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
# Video disappears or changes its size for a short period of time when a user changes the size of its div container

**See demo video**: [safari-video-container-resize.mp4](assets%2Fsafari-video-container-resize.mp4)

**Demo link**: https://ivan-banha.github.io/safari-video-container-resize/

STR:
1. Open the demo link from Safari 17.
2. Press the "Share Screen" button and select a desktop or window to share.
3. Press the "Resize video container" button to make video container small or big.

NOTES:
1. The red container represents the div which contains a video element.
2. The container with blue border is actual video element.
Binary file added assets/safari-video-container-resize.mp4
Binary file not shown.
2 changes: 1 addition & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
<div class="container-fluid banner">
<p class="banner-text">Safari Video Track's Container Resize</p>
<a style="color: rgb(255, 255, 255);fill: rgb(255, 255, 255);fill-rule: evenodd; position: absolute; right: 10px; top: 4px;"
class="Header-link " href="https://ivan-banha.github.io/safari-video-container-resize">
class="Header-link " href="https://github.com/ivan-banha/safari-video-container-resize">
<svg class="octicon octicon-mark-github v-align-middle" height="32" viewBox="0 0 16 16" version="1.1" width="32"
aria-hidden="true">
<path fill-rule="evenodd"
Expand Down

0 comments on commit 1a60b84

Please sign in to comment.