大佬教程收集整理的这篇文章主要介绍了使用jQuery加载多个Vimeo视频并检测事件，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我似乎无法抓住“准备好”的事件.
Froogaloop：
<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>
我的剧本：
$.getJSON('http://www.vimeo.com/apI/Oembed.json?url=' + encodeURIComponent('http://vimeo.com/27027307') + '&width=300&callback=?',function(data){
$('#video-container').html(data.html); //puts an iframe embed from vimeo's json
$('#video-container iframe').ready(function(){
player = document.querySelectorAll('iframe')[0];
$f(player).addEvent('ready',function(id){
console.log('success');
});
});
});
视频加载正常.这是我在控制台中收到的消息：
Uncaught TypeError: Cannot read property 'ready' of undefined
我需要使用事件监听器来检测暂停等.我看到了this post,但不幸的是,主要区别在于我是通过JSON动态加载的.此外,Vimeo有一个working example的Froogaloop在行动,但没有与jQuery.
提前致谢！！！
加载Vimeo视频时,您必须在URL中包含查询字符串& api = 1.这允许您进行API事件调用.如果您要加载多个视频,Vimeo还需要& player_id = SOME_ID,这需要匹配它加载的iframe上的id(或者在我的情况下,使用jQuery在加载JSON后将其添加到iframe,因为我是动态创建的.)
我失去了半天.这是我的最终代码出来的,如果它对任何试图动态加载Vimeo视频的人都有帮助.
使用Vimeo的Froogaloop框架
<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>
我的js
var videoData = [
{
'title':'The Farm','id':'farmvideo','videoURL':'http://vimeo.com/27027307'
}];
$.getJSON('http://www.vimeo.com/apI/Oembed.json?url=' + encodeURIComponent(videoData[0]['videoURL']) + '&api=1&player_id='+ videoData[0]['id'] +'&width=300&callback=?',function(data){
$('#video-container').html(data.html); //puts an iframe embed from vimeo's json
$('#video-container iframe').load(function(){
player = document.querySelectorAll('iframe')[0];
$('#video-container iframe').attr('id',videoData[0]['id']);
$f(player).addEvent('ready',function(id){
var vimeoVideo = $f(id);
console.log('success');
});
});
});
以上是大佬教程为你收集整理的使用jQuery加载多个Vimeo视频并检测事件全部内容，希望文章能够帮你解决使用jQuery加载多个Vimeo视频并检测事件所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。