Do not remember me!
Sort articles by: Date | Most Rates | Most Views | Comments | Alphabet

how to fix video size?


i am checking DLEFaq Default Lightweight Theme(

Working fine.. i love it.
I got problem video width and height in mobile device. Original video Size 560x315.. pc and tablet working fine. but in mobile device not well.. showing same size 560x315...but full story content showing well.. but video not fit mobile device..

hot to fix video size in mobile device with this theme?

understand my english
thanks Added by: in Others on
it's depending on how you add video, but if you add video by iframe or using html5 code then you need to add css container for your video, for example if you add youtube video then you will need to add code like this
<div class="video-container">
then add css in styles.css
.video-container{position:relative;padding-bottom:56.25%;padding-top:35px;height:0;overflow:hidden;margin:0 auto;text-align:center}
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.video-container video{position:absolute;top:0;left:0;width:100%;height:100%}
This will give you completely responsive, or you can add class in parse.class.php if you want class to be added automatically, but note that in parse.class.php will only cover youtube and any video providers which parsed by DLE script, if you use any other video hosts then you need to add class manually like example above
Answered by: dlefaq