我使用video.js
播放dailymotion
的视频。我在浮动进度条时想知道如何获取缩略图。
正如它在dailymotion的网站上显示的那样:
我查看了dailymotion的API,获取它的URL是:
https://api.dailymotion.com/video/video_id?fields=thumbnail_medium_url
但是我可以得到一张图片,如何获取视频的所有缩略图并在浮动进度条时显示它们?或者获取某个时刻的缩略图? 非常感谢。
PS:我找到了用于显示缩略图的video.js插件,这是如何从日常运动中获取这些困扰我的照片。
代码在这里:
<script src='videojs.thumbnails.js'></script>
<script src='dailymotion.js'></script>
<video id="video" class="video-js vjs-default-skin" width="640" height="360" data-setup='{ "techOrder": ["dailymotion"], "src": "http://www.dailymotion.com/video/video_id" }'></video>
<script>
video.thumbnails({
10: {
src: 'example-thumbnail.png'
}
});
</script>
那么如何在此视频的10秒内用真实缩略图替换example-thumbnail.png
?