标签: vimeo

我在我的网站上嵌入了一个 vimeo 视频，如下所示：

<div class="fys-fp-content-wrapper">
<div id="fys-fp-video">
</div>
</div>

#fys-fp-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 600px;
}
#fys-fp-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
}

Vimeo iFrame 已加载到 #fys-fp-video 中。

然而，原始视频的宽度仅为 640 像素。我希望始终以 100% 的宽度显示视频，无论视频的某些内容是否是因为 600px 的高度，但重要的是它显示全宽度。

有人提示我如何才能实现这一目标吗？谢谢！

YouTube 可以选择在一次调用中使用逗号分隔的视频 ID 列表检索视频详细信息（标题、描述、缩略图...）：

https://developers.google.com/youtube/v3/docs/videos/list

Vimeo 有这样的功能吗？我在这里没有看到这个选项：https : //developer.vimeo.com/api/reference/videos#_essentials

如果视频来自不同的来源，则无法创建专辑、频道等。

我正在尝试使用 PHP 输出嵌入在我的 WordPress 网站上的 Vimeo 视频的图像缩略图。Vimeo 视频具有域级隐私。

看起来 Vimeo 已经更新了他们的 API，因为我已经尝试过几年前发布的其他答案中的建议，但这些都不起作用。我浏览了他们的新 API，但似乎无法理解它。

具体来说，我尝试了一些变体：

<?php
$imgid = 6271487;
$hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/$imgid.php"));
echo $hash[0]['thumbnail_medium'];  

这总是会返回某种形式的致命错误。

任何有关实现这一目标的最佳方法的帮助将不胜感激！

我正在尝试将 vimeo 视频嵌入为 iframe。我正在使用以下代码：

<iframe width="1140" height="570" src="https://player.vimeo.com/video/553469759?autoplay=1&dnt=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>

当我将其粘贴到 codepen 或在 firefox 中尝试时，它工作得很好。但它对我来说在 Chrome 中不起作用。当我检查 iframe 的 HTML 时，我可以看到 vimeo 添加了一个类no-fullscreen-support，但它还添加了这些类：

• js-player-fullscreen
• with-fullscreen

以下代码适用于Vimeo API:

function getTitle($id){
    $title = unserialize(file_get_contents("http://vimeo.com/api/v2/video/$id.php"));
    $theTitle=$title[0]['title'];
    echo $theTitle;
}

如果对于Dailymotion,我使用:

 $id2 = 'xks75n';
    function dailyMotionTitle($id2){
        $dm = unserialize(file_get_contents("http://www.dailymotion.com/embed/video/".$id2));
        echo $dm[0]['title'];
    }

我在偏移0为1374字节时得到错误.我知道我可以使用embed.ly或JSON解析但我更喜欢PHP.任何有关修复Dailymotion PHP解析的帮助表示赞赏.

我试图搜索到网络,但是因为这个问题,我找不到不超过1年的主题;

如何在iOS应用中播放Vimeo视频？

编辑1:当使用解决方案时,我有时会从Vimeo获得此HTTP响应

为什么？

如何将嵌入的Vimeo视频重置为播放后的onload状态？

Vimeo API提供了卸载方法

player.api("unload")

但它不适用于非闪存播放器.

我已经尝试用javascript代码中的嵌入代码替换youtube和vimeo url.

我用过这段代码:

例1:

HTML:

<div id="divContent"></div>

JAVASCRIPT:

$("#divContent").html('http://www.youtube.com/watch?v=t-ZRX8984sc <br /> http://vimeo.com/82495711 <br /> http://youtu.be/t-ZRX8984sc');

$('#divContent').html(function(i, html) {
    return html.replace(/(?:http:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=)?(.+)/g, '<iframe width="200" height="100" src="http://www.youtube.com/embed/$1" frameborder="0" allowfullscreen></iframe>').replace(/(?:http:\/\/)?(?:www\.)?(?:vimeo\.com)\/(.+)/g, '<iframe src="//player.vimeo.com/video/$1" width="200" height="100" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>');

});

演示示例1: http ://jsfiddle.net/88Ms2/301/ - 它不起作用.

例2

HTML:

<div id="divContent">
http://www.youtube.com/watch?v=t-ZRX8984sc
    <br />
http://vimeo.com/82495711
    <br />
http://youtu.be/t-ZRX8984sc
</div>

JAVASCRIPT:

$('#divContent').html(function(i, html) {
    return html.replace(/(?:http:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=)?(.+)/g, '<iframe width="200" height="100" src="http://www.youtube.com/embed/$1" frameborder="0" allowfullscreen></iframe>').replace(/(?:http:\/\/)?(?:www\.)?(?:vimeo\.com)\/(.+)/g, '<iframe src="//player.vimeo.com/video/$1" width="200" height="100" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>');

});

演示示例2: http ://jsfiddle.net/88Ms2/300/ - 它正在运行 …

我有一个Vimeo模态，效果很好，并且-经过一些努力-通过“ X”按钮关闭模态后，我已经停止播放视频了。但是，由于我将关闭功能放在了“ X”按钮上，因此如果用户从视频上单击以关闭模式而不是使用按钮，则视频将继续播放。

这是我stopVideo()用onclick 调用函数的HTML ：

<div class="modal-header">
   <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="stopVideo()">
      <span aria-hidden="true">&times;</span>
   </button>
</div>

这是停止视频的Javascript函数：

<script>
 function stopVideo(){
     var $frame = $('iframe#nofocusvideo');

    // saves the current iframe source
    var vidsrc = $frame.attr('src');

    // sets the source to nothing, stopping the video
    $frame.attr('src',''); 

    // sets it back to the correct link so that it reloads immediately on the next window open
    $frame.attr('src', vidsrc);
}
</script>

因此，如何更改功能以使其不应用于特定的关闭按钮，而是应用于模式失去焦点的任何实例，例如单击远离视频？

我是新手，所以请放轻松。提前致谢！

编辑1：

我已将脚本更改为以下内容：

<script>
    function stopVideo(){
     var $frame = …

我对如何删除徽标进行了一些研究，该徽标删除了右下角的Vimeo徽标。但是我想从嵌入式vimeo视频中删除用户徽标和作者。这可能吗？如果可以，我该怎么做？