gpt4 book ai didi

javascript - Vimeo 在加载时嵌入自动静音

转载 作者:行者123 更新时间:2023-12-02 15:40:24 25 4
gpt4 key购买 nike

我有一个 vimeo 嵌入视频,但似乎无法在加载时集成静音。

这是我的视频代码

<div id="vimeo"> </div> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="https://f.vimeocdn.com/js/froogaloop2.min.js"></script>

以及使用

的 js
 <script>
// URL of the video
var videoUrl = 'http://www.vimeo.com/76979871?api=1?player_Id=vimeoyo';

var endpoint = 'http://www.vimeo.com/api/oembed.json';
var callback = 'embedVideo';
var url = endpoint + '?url=' + encodeURIComponent(videoUrl)+ '&autoplay=true' + '&callback=' + callback + '&width=420';
function embedVideo(video) {
document.getElementById('vimeo').innerHTML = unescape(video.html);
}
function init() {
var js = document.createElement('script');
js.setAttribute('type', 'text/javascript');
js.setAttribute('src', url);
document.getElementsByTagName('head').item(0).appendChild(js);
var player = 'vimeoyo';
player.api('setVolume', 0);
}


window.onload = init;


</script>

我还遇到的问题是视频不是 iframe。

编辑:有一个使用 iframe 静音的答案。在这里

Muting an embedded vimeo video

但是使用这个 fiddle 进行测试后,它似乎也没有使视频静音。 http://jsfiddle.net/serversides/gfcpjLsy/

最佳答案

由于您是从 vimeo api 动态创建 iframe,因此您应该仅在加载 iframe 后设置音量。因此,在您的 embedVideo 函数中,将 HTML 插入 div 后,您必须获取 div 的第一个子级(它是 iframe),然后向其中添加一个 onload 事件。

iframe加载完成后,就必须使用froogaloop的$f函数将iframe封装到它的库中,然后可以使用api方法来设置将音量调为零。

在您的示例中,您尝试在字符串中调用api方法,但它永远不会工作。

function embedVideo(video) {
var div = document.getElementById('vimeo');
div.innerHTML = unescape(video.html);

var ifr = div.firstChild;
ifr.addEventListener('load', function(e) {
var player = $f(ifr);
player.api('setVolume', 0);
});
}

function init() {
var js = document.createElement('script');
js.setAttribute('type', 'text/javascript');
js.setAttribute('src', url);
document.getElementsByTagName('head').item(0).appendChild(js);
}

我创建了一个 plnkr for you ,您的示例有效。

关于javascript - Vimeo 在加载时嵌入自动静音,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32635174/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com