The video view on mobile is not responsive


#1

Hi the video view on mobile is not responsive how can I fix this please I want all the video size adjust automatically according to screen view size. Thanks…


#2

You can use these step

First, paste this CSS code in your HTML, just before ]]></b:skin>

.video_outer_wrap { width: 100%; max-width: 560px; margin: 15px auto; }
.video_wrap { position: relative; padding-bottom: 56%; padding-top: 0px; height: 0; background-color: #000 !important; }
.video_wrap iframe, .video_wrap object, .video_wrap embed { position:absolute; top:0; width:100%; height:100%; }

then in your post, just add video url in html mode, like this
<div class="video_outer_wrap"> <div class="video_wrap bottomshadows"> <iframe width="560" height="315" src="https://www.youtube.com/embed/6fjdEpqLB-s" frameborder="0" allowfullscreen></iframe></div> </div>


#3

Thanks…