时间戳

首页 > 解决方案 > 如何在 javascript 和 vimeo api 中创建无尽的视频自动播放？

javascript - 如何在 javascript 和 vimeo api 中创建无尽的视频自动播放？

问题描述

我现在有点卡在代码上。

事实上，我想使用 javascript 在我的网站上创建 Vimeo 的视频自动播放列表，正如我们在 youtube 上看到的那样。

正如您将在下面的脚本中看到的，点击事件允许更改 iframe 视频。我希望当我在 Vimeo 的 iframe 视频列表中的第一个视频结束时，第二个视频可以像在 youtube 上自动播放一样自动开始播放。

请指教。

这是我在 codepen.io 上的脚本的链接 https://codepen.io/fanhatcha/pen/XQoWdR


      <iframe
       id="playerarea"
       src=""
       width="850"
       height="450"
       frameborder="0"
       allow="autoplay; fullscreen"
       allowfullscreen>
       </iframe>
<ul id="playlist">
    <li vimeourl="https://player.vimeo.com/video/328821953?autoplay=0&loop=1&autopause=0&background=1&responsive=true">
<li vimeourl="https://player.vimeo.com/video/328821360?autoplay=0&loop=1&autopause=0&background=1&responsive=true"> 
</ul>


$(function() {
    $("#playlist li").on("click", function() {
        $("#playerarea").attr({
            "src": $(this).attr("vimeourl"),
        })
    })
})

标签： javascriptajaxiframevimeoajaxform

解决方案

'使用 javascript 创建 Vimeo 的视频自动播放？就是这样！Vimeo（Youtube 也是如此）是独立程序。所以它们只能在嵌入上下文中工作，不会使用可以管理和使用 DOM 的 JavaScript。要将视频设置为自动播放，您必须登录 Vimeo 应用程序并使用他们的参数进行设置，然后再将其共享到您自己的页面。如果您可以在不属于您的程序上使用 JavaScript，这对程序来说是一个缺陷和威胁……当然，您确实同意使用 Vimeo 的使用和许可条款，因此您必须遵守他们的规则。如果您想要视频并将它们与 JavaScript 一起使用，则可以使用 HTML5 API 视频。顺便说一句'

推荐阅读