Question

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

Answer 1

当然可以！实际上我前几天才实现了这一点。它利用Vimeo提供的froogaloop库。请在此处详细了解：https://developer.vimeo.com/player/js-api

以下是关于jsFiddle的示例：http://jsfiddle.net/pL5cj1yu/1/

以下是后代小提琴中的代码。下面的代码段应该在有效的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>

Answer 2

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

如何为Vimeo-videos自动创建x秒视频预览

2 个答案: