Interactive Frame won't load VOD

API
1

When I open a page with the following:

var options = {
                    width: 400,
                    height: 300,
                    video: "153020189",
};
var player = new Twitch.Player("twitch-testing", options);

The black frame appears, but it doesn’t load and I get this error repeated over and over every second:

player-core-min.js:1 Uncaught TypeError: Cannot read property 'buffered' of null
    at f._buffered (player-core-min.js:1)
    at f.getPlaybackStatistics (player-core-min.js:1)
    at e.value (player.029975d….js:32)
    at o.c.getStats (player.029975d….js:41)
    at Ae (player.029975d….js:31)

I won’t even yet go into all the errors it gives me if I try to setVideo() haha
How can I fix this?

2

Try prepending a v to the ID.

video: "v153020189"
1 Like
3

It did work. I’d recommend updating the documentation. A very small detail that would have saved a lot of time.
The only appearance of the “v” on this page is tucked away in a url in the non-interactive example:

And on this page it says the “v” isn’t used:


(in API requests sure, but the interactive frame makes requests of its own, so it’s misleading)

1 Like
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.