Videogular fullscreen not working in browser

#1

When I click on the fullscreen button in Videogular, it shows the contents of the index.html page and the entire app disappears, until I escape fullscreen.
I am using SplitPane.

This is in browser.

<vg-player (onPlayerReady)="onPlayerReady($event)">
            <vg-overlay-play></vg-overlay-play>
            <vg-buffering></vg-buffering>
            <vg-scrub-bar [vgSlider]="true">
                <vg-scrub-bar-current-time [vgSlider]="true"></vg-scrub-bar-current-time>
                <vg-scrub-bar-buffering-time></vg-scrub-bar-buffering-time>-->
            </vg-scrub-bar>
            <vg-controls [vgAutohide]="true" [vgAutohideTime]="1.5">
                <vg-playback-button></vg-playback-button>-->
                <vg-time-display vgProperty="current" vgFormat="mm:ss"></vg-time-display>
                <vg-time-display vgProperty="total" vgFormat="mm:ss"></vg-time-display>
                <vg-scrub-bar style="pointer-events: none;"></vg-scrub-bar>
                <vg-track-selector></vg-track-selector>
                <vg-mute></vg-mute>
                <vg-volume></vg-volume>
                <vg-fullscreen></vg-fullscreen>
            </vg-controls>
            <video [vgMedia]="media" #media id="singleVideo" preload="auto" crossorigin>
            <source src="{{cur_video}}" type="video/mp4">
        </video>
</vg-player>
1 Like
#2

Having the same issue any solution to this?

#3

Sorry, no. I was putting it in a Modal as a workaround but that stopped working. I have not yet gotten back to it.

#4

No worries found the solution here:

Just need to 100% height to ion-split-pane.

#5

Excellent, will try it sometime. Thanks for the follow up.
I’ll pre-mark this as solved.