Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Making the Youtube-TV library responsive? Reply To: Making the Youtube-TV library responsive?

#169575
Crssp
Participant

Do I need to look at the Youtube API here:
https://developers.google.com/youtube/v3/docs/thumbnails
The thumbs are maybe JSON objects.
What really needs sized down is perhaps the titles of the videos, the thumbnails themselves are not that big, but the overall area is, and it does not size down responsively.

Looking at the script, I only see UL list items in a couple spots, if CSS has any effects on these I may be all set then.
From the ytv.js file: http://github.com/jakiestfu/Youtube-TV/blob/master/src/ytv.js

 list += '<div class="ytv-list-inner"><ul>';
                            for(i=0; i<videos.length; i++){
                                if(videos[i].media$group.yt$duration){
                                    var video = {
                                        title: videos[i].title.$t,
                                        slug: videos[i].media$group.yt$videoid.$t,
                                        link: videos[i].link[0].href,
                                        published: videos[i].published.$t,
                                        rating: videos[i].yt$rating,
                                        stats: videos[i].yt$statistics,
                                        duration: (videos[i].media$group.yt$duration.seconds),
                                        thumb: videos[i].media$group.media$thumbnail[1].url
                                    };