make youtube thumbnails list

  • lenglain

    (@lenglain)


    15 years, 11 months ago

    Hi. On my website i have a “video” page where the main video is featured prominently, while the older videos are featured in a smaller list next to the main one.

    So I’ve placed two wordpress loops on the same page. the main one will only show 1 post ( thanks to <?php query_posts(‘cat=4&showposts=1’);?> ) the other loop will show the 8 succeeding posts from the same category, except that it will offset one post, so that the first post is not included in that list.

    since these are youtube videos, how do I resize the videos in the smaller list so that they are thumbnail size? is it even possible? is there a better approach than this? I’ve tried doing a lot on my own but i need serious help here…

Viewing 8 replies - 1 through 8 (of 8 total)
  • esmi

    (@esmi)

    15 years, 11 months ago

    Resize them using CSS?

    Thread Starter lenglain

    (@lenglain)

    15 years, 11 months ago

    yes hopefully, I’d like to shy away from using plugins unless absolutely necessary, and I know nothing about javascript. also, I’m using the kubrick theme although I’ve redesigned it from scratch in to somthing completely different, so i don’t know if I could still incorporate a plugin in such a highly customized design.

    esmi

    (@esmi)

    15 years, 11 months ago

    If you ensure that the second loop is within a div with it’s own ID or class. you should be able to do something like:

    #older-vids embed, #older-vids object {width:150px;height:150px;}

    That’s just a rough guess. I’d need to see the page to ensure that I was targeting the right markup etc.

    Thread Starter lenglain

    (@lenglain)

    15 years, 11 months ago

    Here’s the ‘in-progress’ webpage http://www.furyyoung.com/?page_id=12

    this will give you an idea of what im trying to do, next to the main video, i want a small list showing small thumbnails, or even just resized youtube videos that are thumbnail size. i put the second loop but right now its showing at the bottom of the page until I find out how to do what im trying to do.

    I appreciate your interest thank you.

    esmi

    (@esmi)

    15 years, 11 months ago

    #videolist object, #videolist embed {height:120px !important;width:150px !important}

    might do it. Failing that, percentage dimensions might work:

    #videolist object, #videolist embed {height:50%;width:50%}

    Thread Starter lenglain

    (@lenglain)

    15 years, 11 months ago

    WOW! That worked, thanks a lot! I just started learning how to mess with wordpress and make sites about a month ago, how long do you think until I’m able to problem-solve like that? 😀

    Thread Starter lenglain

    (@lenglain)

    15 years, 11 months ago

    hmm, actually, I’ve come up against a problem, I tried to include two more posts and what happens is that the first post shows up minimized, while the next two come up full size, completely outside of the div, any idea why?

    esmi

    (@esmi)

    15 years, 11 months ago

    That would be an issue in your template. It needs to display all of the older posts in the videolist div for that CSS to work.

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

The topic ‘make youtube thumbnails list’ is closed to new replies.