What do you use for YouTube Playlists?

  • Resolved Maria C.

    (@cyberkitto)


    6 years, 6 months ago

    I want to add a YouTube playlist to my page.

    I don’t want any more plugins than what I already use. There must be something usable here!

    I’m building the page with Elementor.

    I have SiteOrigin widget bundle.

    I also have SmartSlider 3 – great plugin but to add playlists have to purchase pro.

    Here’s my available options to embed a video:

    1. Elementor Video widget – result: w: 570 h: 150. Where is this height coming from? I can’t override it.

    2. SiteOrigin Video Player widget – result: w: 1440 h: 810 added inline to iframe. How would you go about overriding that huge size? SiteOrigin forum posts on that are to limit the size of columns/rows but that’s when using their editor. Limiting column size works with Elementor but height stays the same ginormous 1440. I limited container size and it just cut the height, didn’t shrink it. Any ideas?

    3. WordPress Video widget – size is ok (570×320) but it doesn’t work like a playlist even though I’m using the same url.

    4. Text Editor widget and <iframe> – size is okay but it doesn’t work on playlists, just single videos.

    I tried to change sizes of above with CSS max-height and max-width but it doesn’t help. !important doesn’t change anything.

    What does everyone else use for playlists?

    —

    Option 1 (Elementor video widget) would probably work best since it’s an actual playlist like I want and nothing is declared inline but how do I get around that strange size (150 height)?

    —
    I found someone ask a similar question recently regarding my theme Bento and answer was that videos are 100% sized by default so that shouldn’t be the cause of the issues if they’re not specifying default height, just %, right?

    The page I need help with: [log in to see the link]

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

  • Just curious why you need a Video widget at all. I added media, a video to one of my posts and it defaults to the users video player. As long as the video is a common format this works well. (mp4). You can click on the item in Elementor and change the dimensions there.

    Thread Starter Maria C.

    (@cyberkitto)

    You mean Text Editor and embedded video. I enter the url, it shows a preview in the text editor but on the page it displays nothing.

    • This reply was modified 6 years, 6 months ago by Maria C..
    Thread Starter Maria C.

    (@cyberkitto)

    Okay, everyone. I finally found a solution.
    Editing CSS DOES work – I needed to tweak it a bit.

    1. I used Elementor Video widget.
    2. Add the playlist url.
    2. Added featured-playlist class to the object (Advanced -> CSS classes)
    3. Added this to my stylesheet:

    .featured-playlist iframe{
    min-height:400px;
    }

    End result: size 570×400. Will have to tweak it further to get the right size for smaller screens but this method takes care of it.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘What do you use for YouTube Playlists?’ is closed to new replies.