Videojs resolution switcher typescript5/16/2023 When using with Browserify, install videojs-hls-quality-selector via npm and `require` the plugin as you would any other module. Latest version: 0.4.6, last published: a year ago. The effect will be that the page layout will change during loading (while the video loads). Get the script in whatever way you prefer and include the plugin _after_ you include, so that the `videojs` global is available. To include videojs-hls-quality-selector on your website or web application, use any of the following methods. Learn how to use videojs-resolution-switcher by viewing and forking example apps that make use of videojs-resolution-switcher on CodeSandbox. Npm install -save videojs-hls-quality-selector Resolution switcher adds the ability to select the video quality in video.js player. Set this to one of the custom VJS icons (( )) to override the icon for the menu button. Working examples of the plugin you can check out if youre having trouble. **vjsIconClass** `string` - _"vjs-icon-hd"_ If you look at the screen here you can see the user can switch between SH and HD for example: You can see full details here: Note that it states it is for Video.js version 5 which is an older version now so you may have to check and modify for the current video.js version. Set this to override the default positioning of the menu button in the control bar relative to the other components in the control bar. When not enabled, displayed an included VJS "HD" icon. Set to true to display the currently selected resolution in the menu button. **displa圜urrentQuality** `boolean` - _false_ To enable plugin in browsers with native HLS, you must force non-native HLS playback: Resolution switcher for video.js v7+ Example. Requires `videojs-contrib-quality-levels` plugins.Īny HLS manifest with multiple playlists/renditions should be selectable from within the added control.ĭoes not yet support browsers using native HLS (Safari, Edge, etc). Video.js Resolution Switcher for VideoJS Version 7+ Original script. ![]() For VideoJS v5 or v6 support please use a `v0.x.x` tag.Īdds a quality selector menu for HLS sources played in videojs. npm install videojs-resolution-switcher-vjs7 -save. ![]() **Note:** v1.x.x is Only compatible with VideoJS 7.x due to the move from `videojs-contrib-hls` to `videojs/http-streaming`. Video.js Resolution Switcher for VideoJS Version 7+ Original script.
0 Comments
Leave a Reply. |