当Vimeo视频上的播放按钮被点击后,我试图调用一个函数。
由于某些原因,该函数是在加载iframe时调用的,而不是在单击播放时调用的。有人能解释一下为什么吗?
这是我的代码:
// Enable the API on each Vimeo video
jQuery('iframe.vimeo').each(function(){
Froogaloop(this).addEvent('ready', ready);
});
function ready(playerID){
我有一些代码,在视频上显示封面图像,点击所述图像自动播放视频。目前,此代码适用于一个页面上的一个视频(因为它使用ID)。
代码依赖于来控制和播放Vimeo。
使用jQuery,我如何转换以下代码,以便它可以处理一个页面上的多个视频(目前它会中断):
// Control Vimeo videos
var iframe = document.getElementById('video');
// $f == Froogaloop
var player = $f(iframe);
var playButton = document.getElementById("pla
我有一个视频播放器在我的网站上,有多个视频都在滑块类型的布局。下面有每个视频的缩略图,我需要任何播放视频暂停,如果任何缩略图被点击。我的头中有函数,scripts.js文件中有以下代码:( froogaloop.js (){
// Listen for the ready event for any vimeo video players on the page
var vimeoPlayers = document.querySelectorAll('iframe'),
player;
我使用Flexslider来同时显示图像和视频,但是我试图弄清楚如何拥有它,这样如果视频不存在,只显示图像,反之亦然。目前,如果两者都存在:图像和视频工作,但一旦你删除视频,滑块停止加载。
他们演示的基本代码:
// Vimeo API nonsense
var player = document.getElementById('player_1');
$f(player).addEvent('ready', ready);
function addEvent(element, eventName, callback) {
下面是我的Js代码,我一直试图在我的wordpress页面使用,但它不起作用。请让我知道如何写在我的wordpress页面。折叠功能的主要思想是卸载Vimeo视频,当用户单击“关闭”时,该视频以插件easy modal的方式打开。
<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>
<script type="text/javascript">
var iframe = $('.vimeo-player')[0];
var p
我在一个页面上有多个播放按钮,启动包含vimeo视频的twitter引导模式。不幸的是,我无法得到一个播放按钮来播放一个特定的视频。它会把它们全部播放。有办法把每个播放按钮绑在一个视频上吗?
我在这里加载了一个示例
JAVASCRIPT:
jQuery(document).ready(function() {
// Enable the API on each Vimeo video
jQuery('iframe.vimeo').each(function() {
Froogaloop(this).addEvent('ready', ready);
}
根据,事件finish - Fires when the video playback reaches the end.
由于某些原因,我无法让它工作,finish事件总是会立即调用,我是不是做错了什么?
我试图使一个嵌入式视频消失时,它是完成播放。我跟踪了,但无法正确调用finish事件。
我制作了一个非常简单的来演示这个问题。
这种行为似乎发生在Safari,Chrome和Firefox (在mac上)。
--
JSBIN的JS代码:
$(document).ready(function() {
$('iframe.vimeo').each(function(){
我有一个vimeo视频,我想播放3秒后,按钮被点击。我可以让视频播放点击,但我似乎不能让setTimeout在正确的地点.有什么建议吗?
var iframe1 = document.getElementById("prelearn-1");
var player1 = $f(iframe1);
var prelearnBtn = document.getElementById("prelearn-1-btn");
prelearnBtn.addEventListener("click", setTimeout(function(){playe
我已经尝试了我能找到的所有可能的解决方案,但我似乎无法将我的iframe vimeo视频静音。我在头部引用了"//f.vimeocdn.com/js/froogaloop2.min.js“。我在页面的底部使用了下面的javascript ...
<script type="text/javascript">
var iframe = document.getElementById('vimeo_player');
var player = $f( iframe );
player.addEvent('ready', fun
我正在使用froogaloop库嵌入Vimeo视频,我遇到了这个错误。我从Vimeo的站点()提取了所有的代码。
我已经在前面的代码中链接了Javascript库,然后在执行下面的代码时进行链接。
有什么想法吗?
网络控制台错误:"ReferenceError:$未定义“
Javascript代码:
$(function() {
var iframe = $('#player1')[0];
var player = $f(iframe);
var status = $('.status');
// When the player is ready, a