Video(.mp4)加载时间在Videogular中更多

时间:2018-08-01 10:54:15

标签: loading angular6 angular-universal videogular

我们使用Angular6,Angular材质和CSS构建了Angular Universal Application。我们网站的主要内容是视频。我们正在使用Videogular播放视频。视频页面需要2-3秒的时间来加载数据(文本正在快速显示),但是播放视频则需要更多时间。

请检查下面我们视频页面的URL 网址:-https://www.therightdoctors.com/csikochi-2016/the-interview/dr-shailaja-kale-diabetologist-associate-professor

enter image description here

视频播放器代码

<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>

请向我们提出一些解决方案。

0 个答案:

没有答案