Giter Site home page Giter Site logo

giorgio003 / youtube-tv Goto Github PK

View Code? Open in Web Editor NEW

This project forked from jakiestfu/youtube-tv

71.0 71.0 22.0 2.22 MB

A small, slick, library independent YouTube User/Playlist player

Home Page: https://github.com/Giorgio003/Youtube-TV#demos

CSS 14.24% HTML 18.52% JavaScript 67.23%

youtube-tv's People

Contributors

enminc avatar fabiosoggia avatar federico77 avatar giorgio003 avatar jakiestfu avatar lightstrike avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

youtube-tv's Issues

The player doesn't work, not even the demos

I have downoaded this package to replace the old one that used the GOOGLE API V2. The problem is I followed the instructions, but what I can see is only a blank screen. The same applies to the demos. Are you sure Youtube didn't change something again that makes the player unable to display channel contents?

issue with sortList

Good day,

I am using the sortList parameter but this is not making loading the latest videos for the old.

I tried using the parameters sortList and reverseList simultaneously but not solved my problem.

Thank You

Getting error

Hi Giorgio003,

Thanks for your wonderful code, but i am getting an error with new code. I have a youtube channel which was working perfect with v2 API but once i upgrade using yours i am getting below error

userInfo.items[0] is undefined
settings.playlist = userInfo.items[0].contentDetails.relatedPlaylists.uploads;
ytv.js (line 214, col 24)

Can you please help me to trace this issue.

Thanks

HTML 5

Hi!

is it possible to load video into html5 player instead of flash player? Thank you!

Google Closure Compiler Warning

Add {} as a body to the for() to stop the Google Closure Compiler from complaining:

     'type' => 'JSC_SUSPICIOUS_SEMICOLON',
     'file' => 'Input_0',
     'lineno' => 326,
     'charno' => 154,
     'warning' => 'If this if/for/while really shouldn\'t have a body, use {}',
     'line' => 'videos = function (){for(var j, x, i = videos.length; i; j = Math.floor(Math.random() * i), x = videos[--i], videos[i] = videos[j], videos[j] = x);return videos;}();',

Alternative fix that also improves readability:

if (settings.shuffleList) {
    videos = function() {
        var j, x, i = videos.length;
        while (i) {
            j = Math.floor(Math.random() * i);
            x = videos[--i];
            videos[i] = videos[j];
            videos[j] = x;
        }
        return videos;
    }();
}

Sort Playlist

In my case all titles are in reverse ... is there some sorting possibility?

Slider missing in Safari, displays incorrectly in IE and Firefox

Hello!

The Slider besides the video list appears in IE, Firefox and Chrome, but in Safari it is missing. Any solution to make Safari display it?

In Firefox and IE, it appears with the default slider graphics, that is not very nice. It is displayed with the correct design in Chrome only (as a dark gery stripe). Is it possible to force Firefox and IE to use the design defined by the script, and not the default slider graphics?

Include live video in playlist

Hey!
I would like to have an option to show the first video as the live streamed video of a channel, or just add a static URL to be the first video.

thanks!

doesn't work via channel id

Hi!

It looks like it doesnt work if I use channel id. I cannot see my user id so thats why I'm trying to use channel id.

window.onload = function(){
            window.controller = new YTV('frame', {
                channelId: 'UCd7h4sBrBW5QQumOF8A86MQ',
                autoplay: true,
                controls: false,
                fullscreen: true
            });
        };

Respond is
"code": 403,
"message": "There is a per-IP or per-Referer restriction configured on your API key and the request does not match these restrictions. Please use the Google Developers Console to update your API key configuration if request from this IP or referer should be allowed."

I use browser key, and my youtube api is enabled. How can I fix it?

Error with chrome-extension

I installed your fork, and I can see on the images loaded, that everything seems fine, but it fails in loading this

GET chrome-extension://boadgeojelhgndaghljhdicfkmllpafd/cast_sender.js net::ERR_FAILED

I have no idea why!

Playlist on bottom

How is this done?
Specifically I'd like to have the playlist on bottom responsively if the width is not sufficient.

Not Working on Mobile

Hi!
This Plugin isn't working on Mobile Phone (Tested on iOS and Android)!

Is there a possibility to get it working?

Thanks a lot!

YTV is undefined in IE

Thanks for updating the YouTube-TV project using API V3. I recently updated all my pages that were using the old API with your player. Only problem, I have an old website that forces everything to render in old version of IE. It throws an error saying 'YTV' is undefinded. Stupid IE! Is there anything that I can do to make it work in old versions of IE? Here is the code I'm using and where the error occurs.

<script>
window.onload = function(){
window.controller = new YTV('responsive', {
playlist: 'PLtrbfxxeVkjMKm78rdEp7Fvyw0p6OiaIo, PL351C6EC5EF9E1C51',
responsive: true
});
};
</script>

Errors & Need Help!

Hi There,

When the youtube playlist finishes, there is an error showing up on the console tab. The message is:
Uncaught TypeError: Cannot read property 'children' of null
at onStateChange (ytv.js:418)
at N.g.I (www-widgetapi.js:78)
at X.g.l (www-widgetapi.js:112)
at X.g.J (www-widgetapi.js:130)
at Jb.W.g (www-widgetapi.js:122)
at Ab.f (www-widgetapi.js:98)

Also, is there a way to detect the end of playlist? For example, when the playlist finishes, it will alert a message.
I found this, but it's not working for me:

function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.ENDED) {
       alert("Playlist is done");
    }
}

Thanks and this is a great plugin!

Need help

Hey guys I am working on a project in which I need to show YouTube videos and playlist. I tried to clone this repository and run demo, but it does not seem to working. Do I need to set API key for running demo also. Please help guys this repository fulfills the requirement of my project and I am unable to use it.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.