The below example is for a 16:9 ratio, however, this can be changed to work for other aspect ratios. This is a simple and common CSS trick to preserve the aspect ratio. We recommend the following technique to keep the player responsive and to preserve the aspect ratio of the video. As websites are responsive and fluid, we want to ensure the player is flexible working with dynamic pages. These small issues may be caused by the web page not being configured to maintain the correct scale and size of the player. There may be instances when you are viewing a video on a mobile site or a responsive web page and the video appears with black bars on the side or won't fit the layout. The width & height of the playere determines the aspect ratio. This is a widely used technique and can be used with other aspect ratios. Note: This article focuses on how to ensure the player iframe keeps the 16:9 aspect ratio.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |