标签: youtube-javascript-api
Jquery TubePlayer插件无法正常运行
TubePlayer是一个实现YouTube Player API 的jQuery插件,允许我们为YouTube视频创建自己的控件和组件.该TubePlayer网站提供了有关如何开始使用它的提示.
但是,这对我不起作用.其网站上的此页面演示了快速入门指南.我完全遵循它指定的但不起作用.
视频播放正常,但不知何故控制视频的链接不起作用.
代码有什么问题吗？如果你想尝试一下,这里是代码:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script src="http://www.tikku.com/scripts/ui/tubeplayer/jQuery.tubeplayer.min.js"></script>
<script>
$(function(){
jQuery("#youtube-player-container").tubeplayer({
width: 600, // the width of the player
height: 450, // the height of the player
allowFullScreen: "true", // true by default, allow user to go full screen
initialVideo: "ylLzyHk54Z0", // the video that is loaded into the player
preferredQuality: "default",// preferred quality: default, small, medium, large, hd720
onPlay: function(id){}, // after the …javascript jquery jquery-plugins youtube-api youtube-javascript-api
推荐指数
解决办法
查看次数
通过API获取YouTube视频
我知道如何从youtube API获取likescount,但我想获得喜欢的列表.阅读文档,我认为它可以完成获取喜欢的播放列表,或类似的东西..
我可以通过Javascript API获取我喜欢的视频列表吗？
推荐指数
解决办法
查看次数
YouTube播放器低于"最小"尺寸
YouTube API文档将嵌入式播放器的最小尺寸定义为200px×200px(链接).
为了给关键球员功能留出空间,玩家必须至少200px乘200px.
我的测试让我得出结论,这是真的.如果我尝试在小于最小尺寸的播放器中播放视频,我会收到一条错误消息,上面写着"视频播放器太小".并且视频无法播放.
但是,较小的球员是可能的.例如,SwitchCam在像这样的页面上使用它们.
我尝试通过设置它的高度和宽度属性,通过使用它的样式属性并将其包装在包含高度和宽度设置的包含元素中来减小播放器大小.这些选项似乎都不起作用.
还有什么可以尝试减小播放器的尺寸？
编辑
看来有些视频会在非常小的播放器中播放,但其他视频则不会.如果您要测试潜在的解决方案,请使用此视频ID:-rMTExNTx2s
推荐指数
解决办法
查看次数
无法将多个视频插入播放列表 - youtube api v3
我正在尝试将多个视频添加到播放列表,但只有一个视频添加到播放列表中.我可以成功创建播放列表并将视频插入播放列表,但无法将多个视频插入播放列表.
以下是我这样做的简单方法.addTheseVideosToPlaylist()函数是我失败的地方.还显示了createPlaylist()和addToPlaylist().
有一个全局播放列表可以跟踪创建的播放列表.
var playlistId
我创建一个这样的播放列表:
function createPlaylist() {
var request = gapi.client.youtube.playlists.insert({
part: 'snippet,status',
resource: {
snippet: {
title: 'hard coded title',
description: 'Hard Coded Description'
},
status: {
privacyStatus: 'private'
}
}
});
request.execute(function(response) {
var result = response.result;
if (result) {
playlistId = result.id;
console.log("created playlist " + playlistId)
}
});
}
我将视频添加到创建的播放列表中,并提供如下有效视频ID:
function addToPlaylist(id, startPos, endPos) {
console.log("In addToPlaylist with " + id +
"sending to playlist : " + playlistId);
var details = {
videoId: …javascript youtube-api youtube-javascript-api youtube-data-api
推荐指数
解决办法
查看次数
Youtube Player Api 获取截图
这个页面iframe上有一个我想从标签中获取屏幕截图，所以我必须到达标签中的视频标签。videoiframe
当我打开控制台并运行此代码时：
const videoElement = document.getElementsByTagName('iframe')[0]
.contentWindow.document.getElementsByTagName('video')[0];
//Extracting picture from video tag
const canvas = document.createElement('canvas');
canvas.width = videoElement.videoWidth;
canvas.height = videoElement.videoHeight;
canvas.getContext('2d').drawImage(videoElement, 0, 0, canvas.width, canvas.height);
已抛出此错误：
Uncaught DOMException: Blocked a frame with origin "https://developers.google.com" from accessing a cross-origin frame.
at <anonymous>:1:57
另外，我检查了这个问题
我的问题是如何从 YouTube Player API 获取屏幕截图？
javascript iframe youtube-api youtube-javascript-api youtube-iframe-api
推荐指数
解决办法
查看次数
如何制作YouTube无边框播放器？
这可能听起来很愚蠢,但我在网上看了一段时间,我找不到如何让YouTube播放器无光泽.我正在制作一个网络应用,我正在使用YouTube JavaScript API.无论我在网上看到有关如何真正让玩家无铬的一些信息,它只是给我提供了如何使用无边框播放器进行操作的信息.没有人解决这个问题(这似乎很明显),但我无法弄清楚如何做到这一点.有人可以向我解释如何做(我需要在某处传递某个参数吗？)谢谢.
推荐指数
解决办法
查看次数
AngularJs与iframe
为什么这个jsfiddle不起作用？我无法获得价值videoId.如果我ngRoute从模块中删除,那么它工作正常.
推荐指数
解决办法
查看次数
当用户滚动时,如何暂停嵌入的youtube
我一直在努力寻求帮助,以便在用户滚动时让视频暂停.我已经能够找到html5视频的帮助,但现在我还需要知道如何使用youtube API.
我嵌入YouTube的html结构如下
<div class="ytube-container">
<iframe id="vplayer"
src="//www.youtube.com/embed/qKaMgJwBItM?modestbranding=1&showinfo=0&modestbranding=0&controls=1&rel=0&autoplay=1&vq=hd720"
frameborder="0"webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
我在html5中使用了以下内容 - youtube API是否有一个非常不同的方法来做同样的事情？
<script>
//play when video is visible
var videos = document.getElementsByTagName("video"), fraction = 0.8;
function checkScroll() {
for(var i = 0; i < videos.length; i++) {
var video = videos[i];
var x = 0,
y = 0,
w = video.offsetWidth,
h = video.offsetHeight,
r, //right
b, //bottom
visibleX, visibleY, visible,
parent;
parent = video;
while (parent && parent !== document.body) {
x += parent.offsetLeft;
y …推荐指数
解决办法
查看次数
YouTube IFrame API不能总是加载吗？
我已经看到很多与此类似的问题，但是我相信这是不同的。当我尝试onYouTubeIframeAPIReady在全局范围内定义时，该函数仅在加载页面的一半时间被调用（如果我不断刷新，有时会看到控制台消息，有时则不存在）。令我感到困惑的是，这种情况仅在某些时候发生，并且我onYouTubeIframeAPIReady在代码中未调用其他任何地方。
我检查过的问题区域：
- 我正在Github Pages上运行它（因此它不是本地的）
- 该函数在全局范围内定义
我的代码如下：
window.onYouTubeIframeAPIReady = function() {
console.log("YouTube API Ready");
player = new YT.Player('player', { // TODO: Sometimes this doesn't work
videoId: curVideoId,
playerVars: {
controls: 1,
autoplay: 0,
disablekb: 1,
enablejsapi: 1,
iv_load_policy: 3,
// modestbranding: 1,
showinfo: 1
}
});
ytLoaded = true;
if (windowWidth) { // if document loaded first
resizePlayer();
}
}
推荐指数
解决办法
查看次数
获取部分进度条的宽度单击并进行秒的计算
我一直在使用Youtube JavaScript API V3开发自定义播放器.这是我的代码的一部分:
在index.html我:
<div class="player_music-progressBar" id="player_music-progressBar"><div></div></div>
styles.css:
.player_music-progressBar {
position: relative;
float: left;
width: 100%;
height: 6px;
background-color: #444444;
margin-top: 1px;
cursor: pointer;
}
.player_music-progressBar div {
height: 100%;
width: 0px;
background-color: #ccc;
}
而且,在我JS这里是进行条形动画的功能:
function convert_time(seconds) {
var s = seconds,
h = Math.floor(s/3600);
s -= h*3600;
var m = Math.floor(s/60);
s -= m*60;
if(seconds >= "3600") {
return "0" + h + ":" + (m < 10 ? "0" + m …javascript youtube-javascript-api progress-bar youtube-iframe-api
推荐指数
解决办法
查看次数
标签 统计
javascript ×9
youtube-api ×8
youtube ×4
angularjs ×1
css ×1
html5 ×1
iframe ×1
jquery ×1
progress-bar ×1