Fullscreen playback is broken

[prabhu]

Its not resizing to full screen :(

[prabhu]

I have wasted too much time on this? Are you planning to take a look?

[tobilen]

https://github.com/towerz/clappr-youtube-playback/pull/11

[onigetoc]

Same here, fullscreen broken

[ewwink]

I don't think we need resize event because we only need to set size of parent iframe div to 100% to follow player size, here what i'm talking:

<div player-wrapper>
    <div data-player="" style="height: 360px; width: 640px;"> // player size
         <div class="clappr-youtube-playback"> // resize here to 100% to follow size above
            <iframe src"..youtube.."> // youtube already set size to 100%

and for quick fix, replace:

this.player = new YT.Player('yt' + this.cid, {
    videoId: this.options.src,
    playerVars: playerVars,
    events: {

with:

this.player = new YT.Player('yt' + this.cid, {
    videoId: this.options.src,
    playerVars: playerVars,
    width: '100%', 
    height: '100%',
    events: {