微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

嵌入式Vimeo时间戳记链接不起作用

如何解决嵌入式Vimeo时间戳记链接不起作用

过去,我可以在按歌曲链接的地方使用它,它会跳转到我的网站(wordpress)中嵌入Vimeo视频的时间。代码如下:

HTML

<div class="wpb_video_widget wpb_content_element vc_clearfix   vc_video-aspect-ratio-169 vc_video-el-width-100 vc_video-align-center">
<iframe id="player_1" src="https://player.vimeo.com/video/xxxxxxx?dnt=1&app_id=122963?api=1&player_id=player_1" width="1080" height="720" frameborder="0" allow="autoplay; fullscreen" allowfullscreen=""></iframe>
</div>
<div class="links">
<a class="link_1" href="javascript:void(0);" target="_self">Track 1 “Song Name”</a><br/>
<a class="link_2" href="javascript:void(0);" target="_self">Track 2 "Name of song"</a><br/>

JS脚本

<script type="text/javascript">

// Set lesson times (in seconds)
var link_1_track = 000; 
var link_2_track = 323; 

// Function to hide all status messages
hidePlayNoticeAll = function() {
    jQuery(".link_1_status").html("");
    jQuery(".link_2_status").html("");

// Load Vimeo API for the embedded video
var iframe_player = jQuery('#player_1')[0];
var player_1 = $f(iframe_player);

// Function to control what happens when each lesson link is clicked
function setupLinks() {
        
    jQuery(".link_1").click(function () {
        player_1.api('play'); //Play the video
        player_1.api('seekTo',link_1_track); //Seek to the number of seconds in the variable link_1_track
        hidePlayNoticeAll(); // Hide all status messages before displaying (to prevent them from sticking) 
        jQuery(".link_1_status").html(playNotice); //display status message (playNotice) within span with class link_1_status
    });
    
    jQuery(".link_2").click(function () {
        player_1.api('play');
        player_1.api('seekTo',link_2_track);
        hidePlayNoticeAll();
        jQuery(".link_2_status").html(playNotice);
    });
}

setupLinks();


</script>

代码有什么问题吗?还是我需要来自vimeo或jquery的API?我不记得之前做了什么工作。预先谢谢你。

解决方法

我已经找到了实现此功能所需的API。因此,我将结束我自己的问题哈哈。

脚本使它像一个魅力一样工作,以防万一任何人想要使用该代码,这是下面的脚本。干杯。

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。