Tip: How to Make Youtube Videos Responsive

Community Forums Forums Design Tips and Tricks Tip: How to Make Youtube Videos Responsive

This topic is: not resolved

This topic contains 33 replies, has 15 voices, and was last updated by  Dan B 1 year, 4 months ago.

Viewing 15 posts - 16 through 30 (of 34 total)
  • Author
    Posts
  • #35009

    rogerp
    Participant
    Post count: 48

    Thanks for your help – I de-activated and activated the plugin and it’s working now!

    It wouldn’t have worked with the < brackets though so thanks for spotting that David

    Roger

    #35063

    jhguynn
    Participant
    Post count: 223

    Hey, this is the first thread I’ve read since joining the community forum.  Sure glad I joined.  Thanks for the great tips!

    #35070

    AC
    Blocked
    Post count: 7712

    Welcome @jhguynn! Glad to have you here.

    #35071

    rogerp
    Participant
    Post count: 48

    I have also discovered another reason it was not working for me I was trying to place the code in a text widget and by default you can’t run shortcodes in widgets

    Need to add this to functions.php
    // Use shortcodes in text widgets.
    add_filter(‘widget_text’, ‘do_shortcode’);

    My site is flying now on PC on the ipad!! Video just moooves to fit. awesome

    http://www.rogerlapin.co.uk

     

    #35254

    rogerp
    Participant
    Post count: 48

    I have just put up a new post and the Yoast Video SEO plugin does not see it using Fluid Video Embeds?

    Is anyone else using Yoast SEO with Fluid Video Embed successfully?

    #36043

    afinevo
    Participant
    Post count: 69

    Where in the CSS style sheet should I add the video class?  I’m still learning CSS so it’s not very obvious to me.  I can’t stick it just anywhere I want can I?

    #36048

    AC
    Blocked
    Post count: 7712

    Just copy it to the very bottom of the Style sheet.

    #36084

    afinevo
    Participant
    Post count: 69

    Thanks anitac, it works great!

    #36298

    pluzito
    Participant
    Post count: 12

    Thanks for the trick but I don’t get how to apply this if I already have posted more than 500 videos with oembed :S I have to wrap 500 youtube links? Thanks for the info

    #36371

    Marco
    Participant
    Post count: 63
    #39264

    pluzito
    Participant
    Post count: 12

    Wow Marco, I got it working and it was sooooooo easy! StudioPress, please, you should give us this out from the box. Marco, I’ve downloaded the script js files, and instead of creating a lib/js folder inside my Metro Theme folder, I’ve put the files inside the js Metro The Folder. Then I change the wp_register_script(‘fluidvids’, get_stylesheet_directory_uri() . ‘/lib/js/fluidvids.js’, array(), $ver, true); line for wp_register_script(‘fluidvids’, get_stylesheet_directory_uri() . ‘/js/fluidvids.js’, array(), $ver, true); and it worked flawless. I’ve written a memo on my notebook about this change to take care if the theme upgrades. Thanks for the help, I spent a couple of weed trying to notice which could be the best way to get videos oEmbeded responsive… have a nice weekend everybody

    #39310

    pluzito
    Participant
    Post count: 12

    Marco, this is crazy, but when I use that script, my YouTube sidebar widget (inserted with this code:

    <iframe src=”http://www.youtube.com/subscribe_widget?p=doggshiphop”
    style=”overflow: hidden; height: 100px; width: 300px; border: 0;”
    scrolling=”no” frameBorder=”0″>
    </iframe>

    DISAPPEARS!

    I deleted the functions.php lines inserted before, and now works fine (but i have no responsive videos :S). Do you know how can I solve this to still get videos responsive but without dissapearing my widget? thanks in advance

    #40569

    rick4him
    Participant
    Post count: 128

    Can you still just use the youtube plug in and ombeed with that plug in?

    #40570

    rick4him
    Participant
    Post count: 128

    I just installed the fluid video plug in on my test site and it’s looking strange on the iphone. Any thoughts?

     

    http://noahsdad.com/test/pincer-grasp/

    #42978

    Greg W
    Participant
    Post count: 3

    Thanks for the tips everyone. I just tried out the Advanced Responsive Video Embedder plugin mentioned above and it worked fine. I am also going to try out fitvids.js just to see how it works but for my purposes the plugin is an easy solution.

    I have another job that will be using VideoPress so will see what works best for that application. Has anyone tried one of these solutions with VideoPress?

    Thanks,

    Greg.

Viewing 15 posts - 16 through 30 (of 34 total)

The topic ‘Tip: How to Make Youtube Videos Responsive’ is closed to new replies.