video-js-player
Vaadin 14 wrapper for Video JS player
Simple Vaadin 14 wrapper for Video JS player (https://videojs.com)
Supports Firefox, Chrome, Edge and Safari (with Content-Range requests).
IMPORTANT! Before use, please check the list of video formats wich video-js suppotrs here: https://docs.videojs.com/tutorial-faq.html or here: https://docs.videojs.com/tutorial-troubleshooting.html
Sample code
File mediaFile = new File("./path/to/file.mov");
File posterImage = new File("./path/to/file.jpg");
final VideoJS video = new VideoJS(UI.getCurrent().getSession(), mediaFile, posterImage);
HorizontalLayout hl = new HorizontalLayout();
hl.add(video);
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
- Fixed video rewind and seeking issue in Google Chrome.
- Content-Range requests implemented for all browsers.
- Released
- 2021-04-16
- Maturity
- EXPERIMENTAL
- License
- Apache License 2.0
Compatibility
- Framework
- Vaadin 14+
- Browser
- Firefox
- Safari
- Google Chrome
- Microsoft Edge
video-js-player - Vaadin Add-on Directory
Vaadin 14 wrapper for Video JS player
Online Demo
video-js-player version 1.0.1
Vaadin version 14.4.3.
Security Alert for a potential directory traversal vulnerability during development in Vaadin versions 14 - 18. (14.4.3 is unaffected).
video-js-player version 1.0.2
Fix for the issue with spaces in registered dynamic resources paths.
video-js-player version 1.0.3
Issue with cyrillic symbols in resources urls fixed.
video-js-player version 1.0.4
Minor code refactoring.
video-js-player version 1.0.5
Changed the way to check the browser type for processing Rage requests in Safary. Vaadin 14.4.4.
video-js-player version 1.0.6
TestView, DemoView and media resources removed from package.
video-js-player version 1.0.7
Stability improvements
video-js-player version 1.0.8
Fixed: Max file size with content rage requests was equal to max int value.
video-js-player version 1.0.9
- Fixed video rewind and seeking issue in Google Chrome.
- Content-Range requests implemented for all browsers.