Javascript Vimeo图库-单独标题分区-动态更改

您好，我正在尝试在我们的网站上建立一个视频库，我已经完成了90%，使用以下主题的帮助

在此处为每个视频插入VIMEO视频标题

这是我的html。使用上述主题。我能够成功地以缩略图为目标更改iframe中的视频

    <script>
    $(function() {
        // Add an event listener to the click event for each of your thumbnails
        $('.video-thumbnail').click(function(e) {

            // changes src of the iframe to the one we stored in the clicked thumbnail
            $('#vplayer').get(0).src = this.getAttribute('video-uri');

            // stops default browser behaviour of loading a new page
            e.preventDefault(); 
        });
    });


    </script>

$（函数（）{
//为每个缩略图向单击事件添加事件侦听器
$（'.video缩略图'）。单击（函数（e）{
//将iframe的src更改为我们存储在单击的缩略图中的src
$（'#vplayer'）.get（0.src=this.getAttribute（'video-uri'）；
//停止加载新页面的默认浏览器行为
e、 预防默认值（）；
});
});

但我不想用维梅奥在视频中的标题。 相反，我想把它显示在主视频下面，让它随着视频的变化而变化，从vimeo中提取标题

我只是一名前端开发人员，对javascript和API的了解非常有限。我试图使用相同的代码来更改标题，但由于使用了src和attribute，我想我不知道如何使其工作

有人能帮忙吗(

---

我相信Vimeo已经嵌入了可以让它变得更简单的API。但是我不能真正理解很多API，它对我来说太基本了，如果使用Vimeo视频标题来解决这个问题太复杂了，第二个替代方法是我手动在尊重bucket div上输入标题，我所需要知道的是如何动态地更改标题n在主vplayer_title div

中，您可能需要使用播放器的JS API：

在缩略图单击事件中类似于以下内容：

var player = $f(iframe);

player.addEvent('ready', function() {
    player.api('getVideoTitle', function(title) {
        // set the title contents here
        $('#vplayer_title').html('<p>' + title + '</p>');
    });
});

var-player=$f（iframe）；
player.addEvent（'ready'，function（）{
api（'getVideoTitle'，函数（标题）{
//在此处设置标题内容
$（“#vplayer_title”）.html（“”+title+”
”）；
});
});

对于如何处理基本的JS策略，我没有很好的建议，但您可以使用Vimeo的OEmbed端点轻松检索视频标题绝对这似乎是对API有更好理解的人的最佳选择，我太新了，或者说是外行，我似乎无法遵循我也试图查找的文档github上的api php示例，但就我的一生而言，我不知道在哪里可以更改用户名或唱片集id等。我尝试了各种方法，但始终出现错误。这里的简单api与OEmbed完全不同。如果您想要JSON响应，请签出。从“”开始只需将视频url添加到末尾，如文档中的示例所示。

var player = $f(iframe);

player.addEvent('ready', function() {
    player.api('getVideoTitle', function(title) {
        // set the title contents here
        $('#vplayer_title').html('<p>' + title + '</p>');
    });
});