VideoJS CSS Styling
Hello,
I have updated the VideoJS to the latest version and changed the player.php file within videojs folder to load my custom css files.
Now I am trying to keep video player responsive while removing the black background (player full-width, video can't)
You can check the problem here http://www.cancellek.com/work/selva-anatolian-flavours/
How can I keep player reacts responsive, but it alignes with the content? (deafult 1122px)
Can you please help me?
Thanks!
Edit:
For now, in player.php file I changed the following:
video#example_video_1,
div#example_video_1{
height: 100% !important;
width: 68% !important;
margin: 0 auto;
}
But this time height makes black backgrounds. Can't we keep aspect ratio dynamic while using margin: 0 auto?
I have updated the VideoJS to the latest version and changed the player.php file within videojs folder to load my custom css files.
Now I am trying to keep video player responsive while removing the black background (player full-width, video can't)
You can check the problem here http://www.cancellek.com/work/selva-anatolian-flavours/
How can I keep player reacts responsive, but it alignes with the content? (deafult 1122px)
Can you please help me?
Thanks!
Edit:
For now, in player.php file I changed the following:
video#example_video_1,
div#example_video_1{
height: 100% !important;
width: 68% !important;
margin: 0 auto;
}
But this time height makes black backgrounds. Can't we keep aspect ratio dynamic while using margin: 0 auto?
Post edited by excalith on
Howdy, Stranger!
It looks like you're new here. If you want to get involved, click one of these buttons!
Comments
Unfortunately I don't know way to make it more responsive. I remember that even achieving current behaviour was not so easy. I think you will have to write special JavaScript for that that would track sizes of video, bg and browser dimensions.
With regards.