In this lecture, we are going to fix the video players whip using a plugin from tailwind.
The player is appearing outside the bounds of the container.
We need to adjust the whip before moving on.
Working with media can be tricky.
Radios come in all shapes and sizes.
The width and height need to maintain a consistent aspect ratio.
Writing the CIUSSS will be a pain.
Luckily, we can avoid writing these costs ourselves.
Tailwind has a class for adjusting the width of a video while preserving its aspect ratio.
Let's give it a try.
Open the clip template file.
Search for the video tag.
The classes must be applied to a surrounding element on the media element.
Luckily, we have such an element on the div tag at a class called aspect video.
There are various aspect ratios available.
A majority of devices use a 16 by nine aspect ratio.
You're more than free to change a different aspect ratio.
But 16 by nine is considered a standard refer to the documentation for the various ratios.
Let's check out the player in the browser.
Great.
The video fits within the bounds of the container in the next lecture, we can finally start loading
the relevant clip in the player.