角度 - 将最后一<video>帧捕获为视频海报/拇指

Question

我的代码非常简单：

<video ng-controller="Ctrl" ng-src="scopeSRC" autoplay></video>
.controller('Ctrl', function ($scope, $timeout) {
   $scope.scopeSRC = 'a_src_url';
   $timeout(function () {
     $scope.scopeSRC = 'new_src_url';
   }, 5000);
});

现在更改SRC时，我会看到黑色视频。我想做的是将上一个SRC视频的最后帧设置为新SRC时的缩略图。

您认为我可以实现这一目标？

谢谢，任何帮助

Answer 1

，而不是具有1个视频元素并更改SRC，而请使用2个视频元素，这些视频元素使用z index彼此分层。

当您要切换时，请暂停当前的视频元素，等待第二个视频元素加载（侦听LoadedData/canplay/canplayThrough事件）。然后交换z indexes，以便下一个视频元素在顶部，然后播放第二个视频元素。