bankoViktor/bv-web-video-player

HTML5 Web Video Player

Read this in other languages: English, Русский.

HTML5 Web Video Player

It is a wrapper around the HTML5 video tag.

Getting Started

Installation

Clone the repo

git clone https://github.com/bankoViktor/bv-web-video-player.git

Usage

Include js file in html document

<script src="~/lib/bv-web-video-player/dist/bv-web-video-player.js"></script>

or you can use the service

https://cdn.jsdelivr.net/gh/bankoViktor/bv-web-video-player@0.4.3/dist/bv-web-video-player.js

or minified version

https://cdn.jsdelivr.net/gh/bankoViktor/bv-web-video-player@0.4.3/dist/bv-web-video-player.min.js

use the following example:

<bv-video-player src="/video/123">
    <bv-quality value="720">720p HD</bv-quality>
    <bv-quality value="480">480p</bv-quality>
</bv-video-player>

where:

• tag bv-video-player:

Attribute	Type	Default	Required	Description
scr	string	null	true	the endpoint address, the request will be kind like {src}?{param}={value}
param	string	q	true	parameter name in the request
speed-controls	boolean	false	false	displays playback speed controls
hotkey	boolean	false	false	hotkey handling
content	-	-	true	there must be at least one bv-quality element

• tag bv-quality:

Attribute	Type	Default	Required	Description
value	string	null	true	the value to add as the parameter value q
content	-	-	true	displayed in the title of the menu item for selecting the video quality

Release notes

2021.09.01 - Release 0.4.3

• Fixed false triggering of hot keys.
• Added attribute hotkey on/off hotkey handling.
• Hide controls when idle during playback.
• Replacement of the standard behavior of the Up/Down/Left/Right/Space keys for playback control.
• Added the param attribute for the name of the parameter in the request.
• Fixed NaN time display.

2021.08.26 - Release 0.4.2

• Changed project structure.

2021.08.26 - Release 0.4.1

• Hotkey support.
• Ability to hide playback speed controls (attribute speed-controls).
• Fixed artifact of timecode item floating behind cursor.

2021.08.24 - Release 0.4

• Playback control
• Playback speed control.
• Picture-in-picture mode.
• Full screen mode.
• Video volume control.

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License.

Contact

Banko Viktor - bankoViktor - bankviktor14@gmail.com