我们使用Angular6,Angular材质和CSS构建了Angular Universal Application。我们网站的主要内容是视频。我们正在使用Videogular播放视频。视频页面需要2-3秒的时间来加载数据(文本正在快速显示),但是播放视频则需要更多时间。
请检查下面我们视频页面的URL 网址:-https://www.therightdoctors.com/csikochi-2016/the-interview/dr-shailaja-kale-diabetologist-associate-professor
视频播放器代码
<div class="full_vid">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="text-center" *ngIf="isbrowser">
<vg-player class="vid_img ratio-4-3" style="width:100%" *ngIf="sources.length>0">
<vg-overlay-play></vg-overlay-play>
<vg-buffering></vg-buffering>
<vg-scrub-bar style="bottom: 36px !important;">
<vg-scrub-bar-current-time></vg-scrub-bar-current-time>
<vg-scrub-bar-buffering-time></vg-scrub-bar-buffering-time>
</vg-scrub-bar>
<vg-controls style="height:36px !important;">
<vg-play-pause></vg-play-pause>
<vg-playback-button></vg-playback-button>
<vg-time-display vgProperty="current" vgFormat="mm:ss"></vg-time-display>
<vg-scrub-bar style="pointer-events: none;"></vg-scrub-bar>
<vg-time-display vgProperty="total" vgFormat="mm:ss"></vg-time-display>
<vg-track-selector></vg-track-selector>
<vg-mute></vg-mute>
<vg-volume></vg-volume>
<vg-fullscreen></vg-fullscreen>
</vg-controls>
<video [vgMedia]="media" (ended)="nextVideo()" #media id="singleVideo" preload="none" (play)="loveit(single_article['anchor'])" poster="{{single_article['image_url1']}}">
<source *ngFor="let item of sources" [src]="item.src" type="video/mp4">
</video>
</vg-player>
<div *ngIf="sources.length>0"></div>
</div>
请向我们提出一些解决方案。