search

videogular / videogular2

The HTML5 video player for Angular 2
https://videogular.github.io/videogular2-showroom/#/
MIT License
672 stars 210 forks source link

Don't Preload and hide Buffer ring #760

Closed askilondz closed 6 years ago

askilondz commented 6 years ago

Description

I have a list of videos in my app and when you go to the page it begins preloading all of them which I don't want it to do. If I set preload="none" that works but then all the videos show the buffer ring overlay. I am not including the <vg-buffering></vg-buffering> control.

Expected Behavior

With the preload set to none don't show the buffer ring just display the video poster with play button overlay

Actual Behavior

Video buffer ring overlays all the videos when preload is set to none

My Html

    <div class="video-container">
        <vg-player (onPlayerReady)="onPlayerReady($event)">
            <video #media #vgHls="vgHls" [vgMedia]="media" [vgHls]="video.url" preload="none" [poster]="videoMeta?.thumbnail_large" controls crossorigin></video>
        </vg-player>
    </div>
askilondz commented 6 years ago

Fixed it by removing controls from the video element and then using the vg-controls instead.