This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Making Youtube Videos Responsive

  • Creator
    Topic
  • #16483
    Alan Cohen
    Participant

    I used the following code to embed a you tube video on one of my pages, but the video extends beyond the margins on my iphone.

    <div class="flex-video"><iframe src="http://www.youtube.com/embed/K0bqku-7ds4" width="400" height="267" frameborder="0" allowfullscreen="allowfullscreen">
    </iframe></div>

    Any suggested corrections to the code?

    Also, is there a responsive video shortcode available with the framework?

    Thanks,

Viewing 2 replies - 1 through 2 (of 2 total)
  • Author
    Replies
  • #16484
    Jason Bobich
    Keymaster

    Hello,

    No need for any embed code. Just use WordPress’s built-in oEmbed to place the video in your content. And then because your video is being passed through WordPress, Jump Start has a chance to filter it and make it responsive.

    So, for example, this is how you’d put this YouTube video in your page:

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
    
    https://www.youtube.com/watch?v=K0bqku-7ds4
    
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
    #16489
    Alan Cohen
    Participant

    Jason:

    That worked. Thanks for your fast response.

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.