Full Width And Height Responsive Embedded Youtube Video

I'm working on a project and if you scroll down to the 'What is RoadAware' section you can see a YouTube video embed that looks awful! I need the video to fill the 'about-left' div

Solution 1:

Add embed-responsive embed-responsive-4by3 to your video-wrapper class

This is from bootstrap

<!-- 16:9 aspect ratio --><divclass="embed-responsive embed-responsive-16by9"><iframeclass="embed-responsive-item"src="..."></iframe></div><!-- 4:3 aspect ratio --><divclass="embed-responsive embed-responsive-4by3"><iframeclass="embed-responsive-item"src="..."></iframe></div>