Youtube Channel Gallery
Styling iframe impossible (4 posts)

  1. choibc
    Posted 3 years ago #

    Hi, I found I can't apply my style to iframe of this plugin.
    $content = '<iframe id="ytcplayer' . $plugincount . '" class="ytcplayer" allowfullscreen width="' . $ytchag_video_width . '" height="' . $ytchag_video_heigh . '" src="http://www.youtube.com/embed/' . $youtubeid . '?version=3' . $ytchag_theme . $ytchag_color . $ytchag_autoplay . $ytchag_rel . $ytchag_showinfo .'&enablejsapi=1&wmode=transparent" frameborder="0"></iframe>';

    Below is my intention to use Span12 class which is part of twitter bootstrap. Using bootstrap class, I can ensure youtube screen is automatically adjusted for browser size; mobile, PC and Mac. Could you provide options to add custom class?

    <div class="ytcshort"><iframe id="ytcplayer1" class="span12 clearfix ytcplayer" allowfullscreen width="640" height="360" src="

    Here is example: http://montgomerykmc.org/latest-praise/

    Thank you for great plugin in advance.


  2. choibc
    Posted 3 years ago #

    I uploaded revised php file here.


    I just added new variables for iframe class.
    If you could consider to apply this change to your original code, I will appreciate.

  3. PoseLab
    Plugin Author

    Posted 3 years ago #

    Hi choibc

    I think I will not offer that option in the plugin because it would be very confusing to many users. You have a lot of classes in the html elements to modify the appearance of the plugin. I have the intention to make the plugin responsive.

  4. choibc
    Posted 3 years ago #

    Hi, PoseLab.

    Thank you for the response.
    In my opinion, bootstrap framework http://twitter.github.com/bootstrap is for responsive web. I understand that iFrame is difficult for repsonsive web. After simple change of class for iframe, I could make site responsive.
    Never mind my request. It is just a request for possible consideration.
    Thank you for wonderful plugin and have a great day.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic