Do not remember me!
/ / / how to fix video size?

how to fix video size?

hi

i am checking DLEFaq Default Lightweight Theme(http://www.dlestarter.com/downloads/templates/478-dlefaq-default-lightweight-theme.html)

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">
[media=http://www.youtube.com/....................................
</div>
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


Tags: dle video

0

Comments 3

  1. dlefaq
    0
    dlefaq Currently Offline → 6 August 2015 23:29

    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">
    [media=http://www.youtube.com/....................................
    </div>
    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
     2 |  102
  2. sultan
    0
    sultan Currently Offline → 7 August 2015 06:04

    hi admin

    i will check it my theme

    thanks
     4 |  13
  3. sultan
    0
    sultan Currently Offline → 7 August 2015 06:05

    hi admin

    thanks for this code

    working fine. I love It..

     4 |  13

Information

Would you like to leave your comment? Please Login to your account to leave comments. Don't have an account? You can create a free account now.