如何为 Vimeo 视频自动创建 x 秒视频预览答案

【问题标题】：How do I create x seconds video preview automatically for Vimeo-videos如何为 Vimeo 视频自动创建 x 秒视频预览
【发布时间】：2015-01-11 08:12:37
【问题描述】：

我们有一个网站，在付费登录后展示我们自己的 PRO vimeo 视频。现在我们要列出开放网站上的所有视频，但只显示每个视频的 x 秒预览。当未登录的用户点击视频时，应该只有 x 秒的预览，并且 x 秒后我希望能够添加图形购买消息。示例“如果您想访问整个视频，请成为会员。”

【问题讨论】：

标签： video vimeo vimeo-api vimeo-player

【解决方案1】：

当然是！实际上，我前几天刚刚实现了这一点。它利用 Vimeo 提供的 froogaloop 库。请在此处阅读更多信息：https://developer.vimeo.com/player/js-api

这是一个关于 jsFiddle 的例子：http://jsfiddle.net/pL5cj1yu/1/

下面是小提琴中的代码供后代使用。下面的代码 sn-p 应该可以在有效的 HTML 页面上直接使用。 请记住，Vimeo 仅以秒为单位报告时间。

    <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
    <script src="//f.vimeocdn.com/js/froogaloop2.min.js"></script>
    <iframe id="player1" src="//player.vimeo.com/video/76979871?api=1&player_id=player1" width="630" height="354" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

    <div>
    <p>Status: <span class="status"></span></p>
    </div>



    <script>
    $(function() {
var iframe = $('#player1')[0];
var player = $f(iframe);
var status = $('.status');

// When the player is ready, add listeners for pause, finish, and playProgress
setTimeout(function () {
player.addEvent('ready', function() {
status.text('ready');

player.addEvent('pause', onPause);
player.addEvent('finish', onFinish);
player.addEvent('playProgress', onPlayProgress);
});
});
// Call the API when a button is pressed
//$('button').bind('click', function() {
//   player.api($(this).text().toLowerCase());
//});

function onPause(id) {
    //when paused show alert
    alert(id);
}

function onFinish(id) {

}

function onPlayProgress(data, id) {
status.text(data.seconds);
//set time var
var Time = data.seconds;
//if time is 10 seconds pause. 
    if (Time >= '10') {
        player.api('pause');

    }
    }
    });
    </script>

【讨论】：

【解决方案2】：

查看Vid.Watch - 我想这就是你要找的东西。 Vid.Watch 是一个自动生成网站视频预览的自动化 SaaS 平台。这些预览会自动显示在网站上（鼠标悬停或视频缩略图自动播放），并且可以通过编辑控制进行自定义。（免责声明：我在 Vid.Watch 工作:)）

【讨论】：

这个企业好像不存在了。