3

我正在使用 Videogular 插件来创建一个离子应用程序。一切正常。但是我想显示视频的缩略图，但我不知道如何使用 videogular 来做到这一点。我看到一个例子是

 <vg-scrub-bar>
   <vg-scrub-bar-buffer></vg-scrub-bar-buffer>
   <vg-scrub-bar-current-time></vg-scrub-bar-current-time>
   <vg-scrub-bar-thumbnails vg-thumbnails="Ctrl.thumbnails"></vg-scrub-bar-thumbnails>
 </vg-scrub-bar>

但是上面的缩略图代码只有在视频播放时才有效。我想在播放任何视频之前显示缩略图。

4

1 回答 1

0

您可以使用 HTML5 中可用的默认poster属性。

<vg-player>
    <video [vgMedia]="media" #media id="myVideo" preload="auto" controls>
       <source src="https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/1080/Big_Buck_Bunny_1080_10s_1MB.mp4" poster="your-poster.jpg" type="video/mp4">
    </video>
</vg-player>
于 2020-06-14T08:17:52.327 回答