Custom CSS - Video-title image size + youtube player customization

Permalink Browser Info Environment
Hi,

I am new to both concrete5 and programming. I have set up a custom theme, like the custom_style_instructions.txt explained. I still need some help.

1)
I trying to fit 4 videos in each column, body total 800 px. I can adjust the width, which only adjust the frame, not the image. Where and what to do?

.videos .title {
    cursor: pointer;
    float: left;
    width: 200px;
    height: auto;
    overflow: hidden;
    margin: 1px 2px 1px 0px;
    padding: 2px;
    background-position: 2px 2px;
}


2)
I would love to customize the youtube player and set it for hd, where can I add the code?
- &showinfo=0
- &hd=1
- &showsearch=0

How can I set the youtube player size?

Thank you for your time.

Best Anders

Type: Discussion
Status: New
andersha
View Replies:
jb1 replied on at Permalink Reply
jb1
Hi Anders

Can you send the link where this block is installed? Regarding HD and size I'll get back to you on that.

JZ
andersha replied on at Permalink Reply
andersha
jb1 replied on at Permalink Reply
jb1
Hi

I've updated the package and you should be able to specify the height and width of the video player. Regarding the HD option you can specify that in your account to play videos on HD by default. However, unfortunately there's no easy way to widen the videos per column because the thumbnails are specific to that size if you want to show bigger images it needs bigger thumbs. If you need that we can do customisation code for you for a competitive price.

JZ
andersha replied on at Permalink Reply
andersha
Hi,

Thank you, please give me a try. Where can I find the thumb code, is it very complicated?
If yes, I would like your help making 4 columns.

Have your considered any tag ordering or anything alike, I am aware that I can have multiple blocks, and players. But can I sort the videos of one player? Or combine two separated playlists into one player?
jb1 replied on at Permalink Reply
jb1
Hi

Sure, the script for that should be found under this path. /packages/jb_youtubechannel/blocks/jb_youtubechannel/js/utuber-min.js somewhere at line 22-77.

Regarding, combining playlists you can do so on your youtube account and create a new playlist based on that and use the ID to retrieve from the block. Same with the sorting, it can also be done on your youtube settings.

Does that help?

JZ
andersha replied on at Permalink Reply
andersha
Hi,

Design:
I will stay with the current setup.

Other:
- See all videos auto scroll down?
- Specific video link, within player?
- Responsive design?

Thank you. Anders
jb1 replied on at Permalink Reply
jb1
Hi

Apologies I'm at a lost at this one. What does the list point to? Is that something that you want done on this add-on? Or just want to suggest? If you want those things done we customise the add-on for you for a discounted price. Let me know so I can quote you for that.

JZ
andersha replied on at Permalink Reply 1 Attachment
andersha
Hi Jb,

I need your help, sorry for the unexplained list, it's half suggestions and half needs.

Needed customization:
- How to link to a specific video, within the player? Is that possible?
- See all videos, replaces player instead of going underneath?

Questions:
- Player thumbnails, ain't the same as on youtube?
- Responsive design, if I edit the player width, the design changes perfectly. Can't we take advantage from that and make the player width responsive?

Details:
- The thumbnail grid ain't perfectly responsive to the player width. Please see attachment.

Thank you for your time.

Anders
jb1 replied on at Permalink Reply
jb1
Hi Anders

Thanks for clarifying those.

Regarding the customisation "How to link to a specific video, within the player?" is this something like done on youtube with annotation? Or do you want to add a specific link outside youtube and do that on this add-on instead?

The thumbnails vary and depends on what the use has set as thumbnail on youtube so if you're the owner of the videos I think there's an option to do that on your account settings. This add-on just grab the available thumbnails given by youtube.

Regarding the responsive design the add-on needs to be overhauled for that unfortunately this wasn't developed with responsive design in mind. But if you need those customisations we can do the customisations for you just let me know.

JZ

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.