Currently I want to use a plugin liberia video.js to create video players modifiable to my needs and for that I need to add a plugin with its references repectivas.
HTML code
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head >
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://vjs.zencdn.net/7.0.3/video-js.css" rel="stylesheet">
</head>
<body>
<video id="reproductor" class="video-js" controls preload="auto" language="es" style="width: 500px; height: 300px;">
<track label="English" kind="subtitles" srclang="en" src="captions.vtt" default />
<source src="TheLast.mp4" type="video/mp4"></source>
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a
web browser that
<a href="http://videojs.com/html5-video-support/" target="_blank">
supports HTML5 video
</a>
</p>
</video>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://vjs.zencdn.net/7.0.3/video.js"></script>
<script src="picker/videojs-hlsjs-plugin.js" ></script>
<script src="picker/vjs-quality-picker.js" type="module"></script>
<script>
$(document).ready(function () {
videojs('reproductor').qualityPickerPlugin();
});
</script>
</body>
</html>
The information is taken from the following page
https://github.com/streamroot/videojs-quality-picker
The reference files if they are in the correct location and if they are called that way.