Responsive youtube video

Discussion in 'Infoway WordPress Theme' started by superevent, Feb 18, 2015.

  1. superevent

    superevent Guest

    Joined:
    Apr 11, 2014
    Messages:
    37
    Likes Received:
    0
    Hi. Could you provide me with the CSS code for making embedded youtube videos responsive?

    Thanks
     
  2. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hey superevent!

    Please change width="100%" and height="auto" in the embeded code of video.
    e.g.
    Code:
    <iframe src="******" width="100%" height="auto"></iframe>
    If issue doesn't resolve then provide us link of the page where you used embedded youtube video.

    Thanks,
    Praveen
     
  3. superevent

    superevent Guest

    Joined:
    Apr 11, 2014
    Messages:
    37
    Likes Received:
    0
  4. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .page-content .content-bar iframe {
      max-width: 100%;
    }
    
    Thanks & Regards
    Pramod
     
  5. superevent

    superevent Guest

    Joined:
    Apr 11, 2014
    Messages:
    37
    Likes Received:
    0
    That does not work either...
     
  6. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello !

    I am getting that the video in above link is responsive in your website.
    It is re sizing according to device size.

    Thanks & Regards
    Pramod
     
  7. superevent

    superevent Guest

    Joined:
    Apr 11, 2014
    Messages:
    37
    Likes Received:
    0
    Yeah, but i had to install a youtube plugin to get it to work.
     
  8. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello !

    It is working correctly, you can manage video responsiveness with the help of css.
    No need to install extra plugin.

    Thanks & Regards
    Pramod
     

Share This Page