freshman-tech / custom-html5-video Goto Github PK

Could be nice to see a "buffered" progress bar as well on the seek bar, Like how Youtube shows how much of the video is actually loaded on the web browser.

HEllo,

I seems that in EDGE, Chrome, Brave the skip function does not work.
If you click anywhere on the progress bar the video will not jump to that position.

Can you help ?

Thanks

Firefox 71 on Windows and 72 on MacOS and Linux now supports PnP; however the code we use to check if the browser supports it doesn't detect it. Reading the article below, it seems Firefox's implementation is in the shadow DOM, and I can't find a way to add the detections of PnP in Firefox.
https://hacks.mozilla.org/2020/01/how-we-built-picture-in-picture-in-firefox-desktop/?fbclid=IwAR3gETzB--9GwFe8nAfbCytg8wx3wL3PqUhdc0F4o5d4w-w4aXuipaxfld8

can you add video preview option like youtube?

I mean Like this:

if you want to add this option, I will be grateful

I followed your tutorial to the latter, and even tried the original code file from the Github repo; however for some reason the full screen doesn't work on Safari either in macOS or on iOS iPad. It does work in Chrome and Firefox though.

Hi there!

When I'm loading the demo-site "custom-html5-video.surge.sh" using Mozilla Firefox v87 (on Windows x64) the first time,
everything works fine.
When I'm reloading the page, the script is unable to read the video duration (see attachment).
The console doesn't output any related warnings or errors.
This also occures using other mp4 video sources independent from the server. I tried the code on my server as well.

I tried adding a default max-attribute to #seek and a lot of other things including changing the method to access the "max"-attribute to element.max instead of element.getAttribute('max') but I can't get it to work. 🤷🏻‍♂️

Greetz, nichtsooft

What causes that?

index.js?8cb7:258 Uncaught TypeError: Failed to set the 'currentTime' property on 'HTMLMediaElement': The provided double value is non-finite.
    at HTMLInputElement.skipAhead (index.js?8cb7:258)

So instead of doing:

const skipTo = event.target.dataset.seek;

It could change to this

const skipTo = event.target.value;

Adding track subtitles, captions?

• https://stackoverflow.com/questions/32043406/is-there-any-way-to-get-current-captions-text-from-video-tag
• https://www.html5rocks.com/en/tutorials/track/basics/