vimeo视频停止播放时发生火灾事件?

2021/01/30 19:51 · jquery ·  · 0评论

我只是想知道vimeo视频播放完后是否可以触发事件?

目前,我有一个嵌入在叠加层中的Vimeo,要在视频停止播放后将其删除。希望这有道理!

我实际上没有任何可用的代码,但想知道是否可以向视频添加事件侦听器,在视频播放完成后触发事件,以及如何执行此操作?

谢谢瑞安

自Vimeo启动新的Video Player API以来,以前的答案现在已过时

重要提示:一定要删除?api=1从URL中的iframe中。以前在使用Froogaloop库时是必需的,现在不再需要。如果您将其保留,则“结束”,“寻求”和其他事件将永远不会触发。

包括新脚本:

<script src="https://player.vimeo.com/api/player.js"></script>

然后使用以下示例:

$(document).ready(function(){

    var iframe = $('#container iframe');
    var player = new Vimeo.Player(iframe);

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

});

首先,您需要在HTML中包含Vimeo的'Frogaloop库的路径(在包含Jquery之后):

<script src="https://f.vimeocdn.com/js/froogaloop2.min.js"></script>

然后,您需要嵌入Vimeo视频(同样在HTML中):

<iframe id="PLAYER1" src="https://player.vimeo.com/video/76979871?api=1&player_id=PLAYER1" width="630" height="354" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

在这里,“ api = 1”打开了api-默认情况下已关闭以提高性能。并且,player_id ='PLAYER1'是您iframe的ID。

然后,在您的JavaScript文件中,您需要:

$(function() {

    //Gets the iframe by id
    var iframe = $('#PLAYER1');
    //Creates a player var using the iframe
    var player = $f(iframe);

    // When the player is ready/loaded, add a finish event listener
    player.addEvent('ready', function() {
        //Adds an event 'finish' that executes a function 'onFinish' when the video has ended.
        player.addEvent('finish', onFinish);
    });

    //Define the onFinish function that will be called
    function onFinish(id) {
        console.log('THE VIDEO HAS FINISHED PLAYING');
    }

});

然后只需播放视频,然后检查控制台输出即可。

这是文档相应部分的链接

感谢@Raptor向我指出api文档。

http://developer.vimeo.com/player/js-api

签出此页面,特别是事件列表器部分。我确定如果您需要更多帮助,我也可以在上面写一些代码?

本文地址:http://jquery.askforanswer.com/vimeoshipintingzhibofangshifashenghuozaishijian.html
文章标签: ,   ,   ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!