How to make LearnDash video progression videos responsive on all devices

learndash-video-progression-responsive.css

/**
 * PLEASE NOTE: THIS IS VERY OLD CODE, AND USED TO WORK FOR THE "LEGACY" TEMPLATE, BEFORE LEARNDASH 3.0. IT ALSO DEPENDS ON WHAT THEME YOU ARE USING.
 *
 * IT MAY OR MAY NOT WORK FOR YOU.
 *
 * I RECOMMEND YOU TRY ENABLING/DISABLE THE "RESPONSIVE VIDEO CSS" OPTION IN LEARNDASH SETTINGS IF YOU'VE HAVING VIDEO ISSUES.
 */

/**
 * This should work for all types of videos: YouTube, Vimeo, Wistia & local videos.
 *
 * These styles should be copied & pasted to a child theme or the "Additional CSS"
 * area of the WordPress Customizer.
 */

.ld-video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.ld-video iframe,
.ld-video object,
.ld-video embed,
.ld-video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
}

I appreciate your response 🙂. No hard feelings. It was a misunderstanding.

I have been frustrated with their support in the past as well, so I feel ya on that one.

Best of luck with finishing up/launching/selling your courses!