How to Question

  • Resolved DavidSadler

    (@davidsadler)


    11 years, 8 months ago

    I would like to know how to do this if possible – have the thumbnail for the video display at a small size, say 200px x200px, with the play arrow and then have the video play at a larger size, say 640px x 640px? Is there a way to do this with this plug-in?

    Otherwise I’m considering the use of a hidden <div> block sized for the larger player window and the use of an anchor block, a small bit of js to open the player window and so on. Or is there a better way to do the small thumbnail, big player window.

    Thanks for any help. I’m new to WP not knowing the plugins and how to use them and all the rest of WP.

    https://ww.wp.xz.cn/plugins/video-embed-thumbnail-generator/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Kyle Gilman

    (@kylegilman)

    11 years, 7 months ago

    Yes. What you’re describing is a pop-up video gallery. There are instructions on the main plugin page, but basically you can do what you want just using the shortcode [KGVID gallery="true"]

    Thread Starter DavidSadler

    (@davidsadler)

    11 years, 7 months ago

    Kyle – The gallery settings worked. Just what I was looking for. One artifact that I haven’t been able to figure out is that the thumbnail has a bar running across the bottom that I need to get rid of. I looked at it with the developer’s inspector under Safari and it seems tied in with this block of code –

    <div class=”kgvid_video_gallery_thumb” id=”kgvid_video_gallery_thumb_2690″ data-id=”2690″ data-width=”480″ data-height=”360″ data-meta=”0″ data-gallery_end=”close” style=”width:200px”><img src=”http://inbiomedtech.com/wp-content/uploads/2014/10/DB_Commerical_020814_thumb14-300×225.jpg&#8221; alt=””><div class=”kg-video-js-skin”><div class=”mejs-overlay-button” style=”-webkit-transform: scale(0.5) translateY(-5px); -o-transform: scale(0.5) translateY(-5px); -ms-transform: scale(0.5) translateY(-5px); transform: scale(0.5) translateY(-5px);”><span></span></div></div><div class=”titlebackground”><div class=”videotitle”></div></div></div>

    And these classes – kgvid_video_gallery_thumb & kgvid_video_gallery_thumb_2690. The bar changes color when hover is active. Is there some way to get rid of the bar?

    Thanks for the help. I appreciate it.

    Plugin Author Kyle Gilman

    (@kylegilman)

    11 years, 7 months ago

    The title of the video goes there. It looks like you’ve made the title blank in the media library. If you really don’t want to have a video title, add this to your custom CSS, either in your theme or using the Jetpack Custom CSS module.

    .videotitle { display: hidden; }

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘How to Question’ is closed to new replies.