如何在jQuery中获取Youtube视频
How to get Youtube video in jQuery?
我的iframe 中有这个嵌入的视频
<iframe id="Frustrated" width="560" height="315"
src="https://www.youtube.com/embed/mjQwedC1WzI" frameborder="0" allowfullscreen sandbox="allow-scripts allow-same-origin"></iframe>
对于一个普通的视频,你会得到类似的东西
$('#Frustrated').get(0)
获取视频并用它调用函数。
然而,当我尝试在YouTube视频中这样做时,这是行不通的。我在谷歌开发页面上读到,应该建立API并遵循它。然而,我从来没有使用过API,我发现整个事情非常令人困惑。
这是我目前拥有的jQuery,我正试图在iframe上进行工作。
jQuery(document).ready(function($) {
var video = $('section iframe').get(0);
video.onended = function(e) {
$('section iframe').animate({ width: "50%"}, 'slow', function(){
$('#information').fadeIn('slow');
});
}
video.onplay = function(e) {
$('#information').fadeOut('slow', function(){
$('section iframe').animate({ width: "100%" }, 'slow');
});
}
$('section iframe').click(function() {
if(this.paused || this.ended){
$('#information').fadeOut('slow', function(){
$('section iframe').animate({ width: "100%" }, 'slow', function(){
video.play();
});
});
}
else if (this.play) {
video.pause();
$('section iframe').animate({ width: "50%" }, 'slow');
$('#information').fadeIn('slow');
}
});
});
有人能解释如何进行吗?
查看https://developers.google.com/youtube/iframe_api_reference
没有iframehttps://developers.google.com/youtube/js_api_reference?hl=es
相关文章:
- 如何获取youtube视频的缩略图
- 如何通过给定的url获取youtube音频数据
- 获取youtube播放列表的参考
- 如何在javascript w Ajax和JSON中使用v3 URL API获取Youtube视频标题
- 获取YouTube播放器的视频播放
- 从已知的视频 ID 获取 YouTube 视频标题
- 如何从网址获取YouTube视频ID
- 使用Python和Regex从URL获取YouTube视频ID
- 如何从YouTube iframe获取YouTube缩略图
- 从Facebook群组获取YouTube嵌入
- 在php中获取youtube视频标题
- 从url获取youtube播放列表
- 使用JavaScript.match()获取YouTube ID
- 如何从 JSON 对象获取 Youtube vid ID
- 获取YouTube数据并将其写入列表项
- 点击(html.push)获取Youtube视频描述
- 窗口的CORS错误.获取YouTube资源
- 在手机上使用ID获取Youtube和Vimeo缩略图
- 如何使用jquery获取Youtube视频信息
- 如何从网络获取YouTube视频ID ?