jakiestfu / youtube-tv Goto Github PK
View Code? Open in Web Editor NEWA small, slick, library independent YouTube User/Playlist player
Home Page: https://github.com/jakiestfu/Youtube-TV#demos
A small, slick, library independent YouTube User/Playlist player
Home Page: https://github.com/jakiestfu/Youtube-TV#demos
Views are not shown in version 1.0.2, because of a missing = symbol
The line:
list+''+utils.addCommas(video.stats.viewCount)+' Views';
should be:
list+=''+utils.addCommas(video.stats.viewCount)+' Views';
Edit: overlooked issue #22
Hi! I love Youtube TV! It inspired me to make a .tv that is dedicated to my youtube channel. Only one problem though, I can't seem to get it to work with some channels. For example, when I tell it to connect with my channel "gamerebelnetworks", it works absolutely perfect. But when I add my channel "radiorebelnetworks" it goes blank! Obviously there is something different between these two channels that causes it to do this. Any ideas?
Btw, when I tell it to display a playlist instead, it works perfectly. But I would like the front page to display the newest videos added to the channel instead of a specific playlist.
Thanks so much!
Is it possible to create 2 players with several playlists in one site?
If i try this the function call onYouTubeIframeAPIReady() override the first and only the last player will be shown.
This package doesn't have any GitHub release. Could you please create one, so that people can use this project from CDN?
I just created a new channel here:
http://www.youtube.com/channel/UCrE41wKfReWZWiWjZrxA8Hw
I used UCrE41wKfReWZWiWjZrxA8Hw for my user input and i just get a blank area viewable here: http://rgqtgamers.com/ps2training
There are many issues with this code on IE, both visually and technically. Would love some help on the CSS issues!
Hi,
Thanks for the code. It works good, however it’s not being picked up for any tracking by tag manager.
Can you please help with this?
Thanks
Hi,
We are using this plugin to show our youtube channel videos.It is working fine for the first time. For second time onwards it is not working. Ours is single page app.
We are replacing div content and call the same function the element will not work.
Please consider this.
Thanks.
When I inserted my channel name into the user, it appears blank with the background color #111111. Any solution or ideas well be welcome and appreciated thanks.
My problem was not really a problem. Please delete this.
Hi there, I really appreciate your work.
I've been dicking around with this for an hour, and havent got any videos to load so far.
could you confirm if any of the examples work by default? If not, could you chuck one in there?
Thanks very much
Is there any way to show the newest video in the playlists first?
Try entering the user NKTIKBU
Clicking the profile name just opens the channel page in a new tab rather than the playlists.
I've been using the ytv player for a while now on two websites and some time over the last week they have both stopped working. The embedded player is just a blank screen: http://summerfieldfire.com/training-videos.html and http://smjrortho.com/videos.html. Actually, they look exactly like the demo page looks now: http://jakiestfu.github.io/Youtube-TV/demos/default.html. Any suggestions? Thanks.
I have a couple of feature requests:
Thanks! I love the script and it's ease of use.
Hello, we need load a results of keywords in the playlist for example we want load videos having the following keyword only "Nirvana - About a Girl" or "nirvana - about a girl + karaoke"
please update this is very needed, we could even pay if is needed, thanks!
Could we have a setting to choose how many video to load form a playlist or is a limit of the API?
I have this error and I don't know why..
TypeError: video.stats is undefined
window.onload = function(){
window.controller = new YTV('frame', {
user: 'LesJeuxduQuebec',
accent: '#008D54',
browsePlaylists: true,
controls: false,
autoplay: true
});
};
The current plugin release has one overlapping issue when you need the iframe to slide behind the div. Looks like Chrome is the most prone to show the glitch.
To solve it you just have to add '&wmode=opaque' to the iframe src.
I would have loved to fix it myself but I'm not good with js.
Kind regards
Super awesome work done. But when I insert my channel or playlist name inside the user, it appears blank with the background color #111111. Any help or ideas to rectify this problem will be welcome and appreciated thanks.
hello
My channel
http://www.youtube.com/user/iepenergymn
Uncaught TypeError: Cannot read property 'length' of undefined
Hi,
We are (randomly) seeing strange behavior with the component on our website.
Most of the time it loads correctly, but sometimes it does not, giving the following error:
TypeError: undefined is not a constructor (evaluating 'new YT.Player')
Could this be due to the component not loading in time? Or do you see another reason?
Thanks
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('http://localhost'). am using requirejs and i gave the same error on my remote(host) server
It would be great if we can create playlist by YOUTUBE_VIDEO_ID better than CHHANLE or PLAYLIST_ID
I noticed today, that this plugin wasn't working on a page it worked yesterday. And it gives the "videos is undefined" error.
Further digging revealed that this is using the Youtube Api v2 which is deprecated and they've already taken down some of the functions (?). So this would need an update to work with Youtube api v3. Is this plugin even maintained anymore?
I tried some quick fix: from row 107 to 123 there's the endpoints function which gets the data and I replaced some of the urls to match the api v3 getters to get playlistdata but I didn't get it to work.
Changes I tried, the originals are commented out
Row 108:
//base: 'http://gdata.youtube.com/',
base: 'https://developers.google.com/apis-explorer/#p/youtube/v3/',
Row 119:
//return utils.endpoints.base+'feeds/api/playlists/'+(settings.playlist)+'?v=2&alt=json&format=5&max-results=50';
return utils.endpoints.base+'youtube.playlistItems.list?part=snippet,contentDetails,status&playlistId='+(settings.playlist)+'&key=AIzaSyCzdE3rTJNED_zQmGnHDGxnIg3A4AR6Km4';
Any ideas for this?
Shows wrong video duration in thumbnail at right side in the playlist even in the demo. All the time shown are +30 min.
Can't play any playlist only a list of video. The "string" playlist does not work with me… My user (me) has no video but only a playlist, what could I do ?
I've been trying to add this feature to this code, but I haven't succeed. Would love to see this feature on it.
Hi Jacob,
I would like to convert the right-hand vertical list of clips, currently in a scrollable panel, into a typical jQuery horizontal carousel scroll/thumbnail mechanism with left/right buttons. I've done the css bit: http://jsfiddle.net/nCNcL/
To start with I had a stab at trying to 'say hello' to the ul elements via jQuery but this didn't work (lines 415-420 in the js).
Many thanks
Hi,
Is there a way that we can view the private videos that have been enabled for that user ?
Currently, it lists only the public videos for the channel for that user.
Thanks,
Pallavi
I'm not very au fait with github, don't find it very user friendly for novices, so excuse me for posting this here.
With thanks to John at Dynamic Drive / forum, I have been tweaking this YouTube gallery to work in Google Sites.
The list now displays by default with the Playlist displayed, instead of displaying the numerous videos in the YouTube account.
And when a playlist is selected, the videos in that playlist remain displayed until the button is clicked on to display all playlists again
It also has a mouse over of "Click to open the Playlist - ~"
But I wonder if there is a way to make it display the Playlist without loading "all videos" first - to stop the loading flicker?
And I wonder if there is a way for it to display the playlists alphabetically A - Z ?
Page is http://www.dorsetdog.com/you-tube-videos
The js file is at https://sites.google.com/site/dorsetdogshow/youtube-gallery.js
If I've posted this in the wrong place, then please be good enough to remove it rather than just deleting it.
Thanks
Mark
Hello there. This plugin is awesome. I have one question, is there any way to change the default load order of the videos? For example, video number two in the playlist lineup is the one I would like to load first. Or is this done through YouTube settings?
Thanks again for this cool plugin and thanks for providing it for free, it is awesome!
Thank you for this beautiful code!
I have a stability problem with multiple players on the same page.
The preview of the first video does not always appear on the left side of the player. And some players do not respond (especially those who are lower in the page) when I want to start a video.
Could you help me with this issue?
Thank you!
I am loving your project!
can you please add option to load multiple browsers on same page? thanks
I've had to include some special styles for when the users browser hit mobile sizes to move the playlist below the video. Would be great to include this as a main feature.
I did an ugly hack but you can see the example....
@media only screen
and (max-width : 600px) {
.ytv-list {
height: 40% !important;
left: 0;
top: inherit !important;
width: 100% !important;
}
.ytv-video{
right: 0 !important;
height: 60% !important;
}
}
Just wondering how to make this responsive?
Hi,
this code is awesome, exactly what I was searching for.
I'd like to know whether it would be possible to target a specific video through an url, since I'd love to be able to share specific videos from the site.
Thanks in advance.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.