显示缩略图dailymotion

时间:2016-07-13 13:20:05

标签: video.js dailymotion-api video-thumbnails

我使用video.js播放dailymotion的视频。我在浮动进度条时想知道如何获取缩略图。 正如它在dailymotion的网站上显示的那样:

enter image description here

我查看了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

0 个答案:

没有答案