如何在HTML5中加载视频的原像

时间:2015-04-16 16:32:38

标签: angularjs html5-video

我开发了一个加载youtube等视频的网站。我面临的主要问题是能够加载视频的前映像而不是浏览器中的整个视频加载。只有当用户点击播放视频时,才应在浏览器中加载。我想实现这一目标的主要原因是因为页面上加载的视频太多会导致页面速度变慢。

视频的HTML5代码如下:

<video id="videolink" type="video/mp4" ng-src="{{v.video_path}}" controls ></video>

1 个答案:

答案 0 :(得分:0)

您可以使用ng-if删除视频并将其替换为图片。这种方法唯一需要注意的是你必须有一个要显示的视频图像

<video id="videolink" type="video/mp4" ng-src="{{v.video_path}}" controls ng-if="doplay"></video>
<img ng-src="{{v.video_thumbnail}}" ng-if="!doplay"/>