I want to add a horizontal element that will be showing over controls. The area I need to create an element in:
I don't orient in videojs CSS really well... I will be very thankful for your help. Thanks.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Volume Volume Level</title>
<link href="//vjs.zencdn.net/7.3.0/video-js.min.css" rel="stylesheet" />
<script src="//vjs.zencdn.net/7.3.0/video.min.js"></script>
</head>
<body>
<video
id="my-player"
class="video-js vjs-default-skin vjs-16-9 vjs-big-play-centered"
>
<source
src="//jsoncompare.org/LearningContainer/SampleFiles/Video/MP4/Sample-MP4-Video-File-for-Testing.mp4"
type="video/mp4"
/>
</video>
<script>
videojs("my-player", {
playbackRates: [0.5, 1, 1.25, 1.5, 2],
controls: true
});
</script>
</body>
</html>