35 lines
761 B
CSS
35 lines
761 B
CSS
/* Custom VideoJS styling */
|
|
.video-container {
|
|
position: relative;
|
|
width: 100%;
|
|
/* Add some bottom padding to ensure controls are visible */
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/* Ensure the video-js player is properly contained */
|
|
.video-js {
|
|
width: 100%;
|
|
height: auto;
|
|
/* Ensure controls are within the container */
|
|
position: relative;
|
|
}
|
|
|
|
/* Fix control bar positioning */
|
|
.video-js .vjs-control-bar {
|
|
/* Ensure the control bar stays within the player's dimensions */
|
|
bottom: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
/* Additional responsive adjustments */
|
|
@media (max-width: 768px) {
|
|
.video-js {
|
|
/* Ensure the video fits on smaller screens */
|
|
max-height: 300px;
|
|
}
|
|
|
|
.video-container {
|
|
/* More bottom space on mobile */
|
|
margin-bottom: 15px;
|
|
}
|
|
} |