Video at your pace, pictures in detail
By toewpqAbout 1 min readUpdated Most recent changes
Previously
Video at your pace, pictures in detail<img src="/edgepress/revisions/image.dd5ad2f6c1a3277a.gif" alt="Video at your pace, pictures in detail" loading="lazy" width="640" height="400" />
Now
Video at your pace, pictures in detail<img src="/edgepress/revisions/image.da5382978c5b7462.gif" alt="Video at your pace, pictures in detail" loading="lazy" width="640" height="400" />
Previously
Plyr and hls.js are bundled locally. Gallery navigation mounts only the chosen attachment and disposes previous playback. The integrating website supplies sources, consent and theme colors. The library itself does not publish or store content.
Now
Video.js 10 HTML components and hls.js are bundled locally. Gallery navigation mounts only the chosen attachment and disposes previous playback. The integrating website supplies sources, consent and theme colors. The library itself does not publish or store content.
The seek bar occupies its own row. Current time and total duration remain together; dragging moves to a real position. The demonstration pauses to show the resulting timestamp and the selected 2× playback rate.
Video at your pace, pictures in detail<img src="/images/previews/media-videojs10.da5382978c5b7462.gif" alt="Video at your pace, pictures in detail" width="640" height="400" />
Original detail when you open a picture
Cards and posts request optimized previews. Clicking a detail image opens its unchanged original; zoom and drag to inspect it. The close control stays outside the picture, and closing returns focus to the image that opened it.
A component, rather than page-specific controls
Video.js 10 HTML components and hls.js are bundled locally. Gallery navigation mounts only the chosen attachment and disposes previous playback. The integrating website supplies sources, consent and theme colors. The library itself does not publish or store content.