在 vimeo 时间点触发事件答案

【问题标题】：Triggeer event at vimeo time point在 vimeo 时间点触发事件
【发布时间】：2021-08-19 05:58:04
【问题描述】：

在以下 JS 中，我在 Vimoe 视频完成时触发了控制台消息“已完成”。使用相同的 API，有没有办法在视频结束时而不是在 95% 时触发它？


jQuery(document).ready(function() {

var iframe = jQuery('iframe#vimeo');
var player = new Vimeo.Player(iframe);

player.on('ended', function() {
    console.log('Finished.');
  });
});

【问题讨论】：

Vimeo 的 API 有获取当前视频位置和视频时长的方法 - 你试过了吗？

标签： jquery vimeo

【解决方案1】：

谢谢...玩了一下，在这里工作：

<iframe src="https://player.vimeo.com/video/446508598" width="640" height="360" frameborder="0" allowfullscreen allow="autoplay; encrypted-media"></iframe>
<p>
<button style="background:red">Click</button>
</p>
<script src="https://player.vimeo.com/api/player.js"></script>
<script>
    var iframe = document.querySelector('iframe');
    var player = new Vimeo.Player(iframe);

    player.on('play', function() {
        console.log('played the video!');
    });

    player.on('ended', function() {
        console.log('ended the video!');
    });

    player.on('timeupdate', function(data) {

        /*if (data.percent > 0.01) {
            console.log('1% of video watched');
        }*/

        if (data.seconds > 10) {
            console.log('10s of video watched');
            jQuery("button").css("background", "green");
        }


    });
</script>

【讨论】：