THE EASY WAY TO EMBED PORTRAIT (STORY) VIDEOS ON YOUR KAJABI LANDING PAGES - NO CUSTOM THEME CODING NEEDED!
Follow along with Ant Hodges as he shows you how to upload a video to your Kajabi page that you filmed in Portrait (Story) proportions of 9:16 rather than the normal 16:9 and have it display properly on your website. If you like this, click the Buy Ant a Coffee button above to say thanks.
Copy the CSS style code below and add to your site as directed
#YOURBLOCKID .kjb-video-responsive {
position: relative;
overflow: hidden;
/* Adjust width as needed, or set to 100% for full width */
width: 100%;
/* Set padding-top for 9:16 aspect ratio */
padding-top: 121%;
}
#YOURBLOCKID .wistia_embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
#YOURBLOCKID .kjb-video-responsive {
/* Adjust styles for mobile devices as needed */
}
}
The code provided on this page is offered as-is and without any guarantees. By using the code, you acknowledge and agree that you are solely responsible for the implementation and any potential outcomes that may arise from its use on your website or accounts. The author assumes no liability for any damages, issues, or legal consequences that may occur as a result of using the code. Use at your own risk.