I would like to set the size of the VideoJS such as 40% m as defined by CSS, and that when the browser size is changed, it adapts to the new percentages.
So far I have this
<div class="videoContainer">
<video id="player" height="281%" width="auto" controls class="video-js vjs-default-skin vjs-big-play-centered"></video>
</div>
<script>
videojs('player', {
controls: true,
nativeControlsForTouch: false,
responsive: true,
plugins: {
ass: {
'src': ["vjs/002.ass"],
'delay': 0
}
},
sources: [{"type": "video/mp4", "src": "vjs/002.mkv"}]
});
</script>