我正在尝试了解如何使用YouTube API定位现有的iframe(即不使用脚本构建iframe).
像往常一样,谷歌没有提供足够的API示例,但解释说有可能,这里http://code.google.com/apis/youtube/iframe_api_reference.html
这是我正在尝试做的一个例子 - 缩略图下面的视频应该播放.我几乎在那里,但只有第一个视频播放...
我已经使用iframe功能嵌入视频,而我正在通过JavaScript隐藏/显示内容和视频.
我有一个问题.当我在第一个视频上按下播放,然后在不停止第一个视频的情况下点击下一个视频时,第一个视频继续播放.
在显示新内容时,如何在"背景"中停止视频?
$(function(){
$("#link1").click(show1);
});
function show1(){
$("#pic1").fadeIn();
$("#pic2").hide();
}
Run Code Online (Sandbox Code Playgroud)
我只是使用这个简单的JavaScript函数,其中"pic1"和"pic2"id是div的id,视频是嵌入的.
我似乎无法使它工作.我试图把删除,但如果你愿意,你再也看不到视频了.
javascript youtube iframe youtube-api youtube-javascript-api
我正在使用的代码的快速示例来创建我的YouTube iframe:
player = new YT.Player('[PLAYER ID]', {
height: '300',
width: '480',
videoId: '[VIDEO ID]',
playerVars: { 'controls': 0, 'showinfo': 0 },
});
Run Code Online (Sandbox Code Playgroud)
到目前为止,它的工作效果都非常好,它可以在没有控件或信息条的情况下加载视频,我可以"手动"使用javascript播放视频.
问题在于,现在不再需要大红色的"播放"按钮,该按钮会暂时显示为视频的开始.

有什么方法可以摆脱这个吗?我查看了文档,找不到合适的参数来允许我隐藏它.
我无法通过YouTube Player API的getDuration()方法获取加载/提示视频的正确视频持续时间/长度(以秒为单位); 但是,相同的方法会在视频开始播放后返回有效值!想知道YouTube如何能够显示加载/提示视频的有效持续时间.
当我用15秒的视频剪辑加载这个HTML页面时,我得到以下调试输出:
state = 5 duration = -0.000025
当我点击播放按钮时,我得到以下调试输出:
state = 3 duration = 15,
非常感谢解决方案或解决方法.加载,立即播放和暂停播放器将不是我最喜欢的方法.
<html>
<head>
<script type="text/javascript">
var videoId;
videoId = 'http://www.youtube.com/v/4TSJhIZmL0A'; // bbc
// videoId = 'http://www.youtube.com/v/ezwyHNs_W_A'; // physics
function $(id) {
return document.getElementById(id);
}
</script>
<script src="http://www.google.com/jsapi"></script>
<script>
google.load("swfobject", "2.1");
</script>
</head>
<body>
<table>
<tr><td>
<div id="player">
You need Flash player 8+ and JavaScript enabled to view this video.
</div>
<script>
var ytplayer;
function myOnPlayerStateChange(state) {
switch(state) {
case 1: // playing …Run Code Online (Sandbox Code Playgroud) javascript youtube duration youtube-api youtube-javascript-api
如何使用JavaScript以PT#M#S格式操作日期时间?
例如: PT5M33S
我想输出为hh:mm:ss.
我知道在params和url中使用autoplay:0.问题是当我使用loadVideoByID()函数时.最初的视频似乎总是不会自动启动.但是当我在新视频中加载新的自动启动时.我也不希望那个新的自动启动
$(document).ready(function() {
var player;
window.onYouTubePlayerAPIReady = function() {
player = new YT.Player('player', {
height : '390',
width : '640',
videoId : 'JW5meKfy3fY',
playerVars : {
'autoplay' : 0,
'rel' : 0,
'showinfo' : 0,
'egm' : 0,
'showsearch' : 0,
'controls' : 0,
'modestbranding' : 1,
},
events : {
'onReady' : onPlayerReady,
'onStateChange' : onPlayerStateChange
}
});
};
window.onPlayerReady = function(event) {
//event.target.playVideo();
loadNewVid("bHQqvYy5KYo");
};
window.onPlayerStateChange = function(event, element) {
//When the video has ended
if (event.data == …Run Code Online (Sandbox Code Playgroud) javascript jquery youtube-api youtube-javascript-api youtube-data-api
我正在尝试使用以下代码暂停和播放YouTube视频,这些代码几乎是Youtube API页面中的副本:
// 2. This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "http://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// 3. This function creates an <iframe> (and YouTube player)
// after the API code downloads.
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
height: '315',
width: '560',
videoId: 'bpOR_HuHRNs',
});
}
Run Code Online (Sandbox Code Playgroud)
但是,它不起作用.任何人都知道如何做到这一点?
有没有办法让我们在嵌入视频时叠加在视频上的"在youtube上播放"按钮?我研究了使用chromeless youtube播放器,但无法找到一种方法来移除叠加层.有没有人尝试或听说过这样做的方法?
我想拍一张youtube视频的缩略图,比如http://www.youtube.com/watch?v=ffaTjpA1scI 30s或120s.我怎么能用youtube API做到这一点?
我认为这是可能的,因为当我观看Youtube视频时,如果我将光标移动到时间线,我可以立即在特定时间看到快照.我只想以编程方式检索这些快照.
我也尝试了http://img.youtube.com/vi/ /0.jpg,实际上这可以获得缩略图,但它无法在特定时间获取快照.
我正在使用youtube data api v3来上传图像和音频,因为带有图像的视频将显示为视频.
我可以上传视频作为示例.
我试图thumbnail: $('#file_image').val(),设置视频缩略图.但它并没有像我预期的那样奏效.我也在互联网上搜索以获得一个想法.但是没有任何想法.
UploadVideo.prototype.uploadFile = function(file) {
var metadata = {
snippet: {
title: $('#title').val(),
description: $('#description').text(),
tags: this.tags,
thumbnail: $('#file_image').val(),
categoryId: this.categoryId
},
Run Code Online (Sandbox Code Playgroud)
使用youtube数据api可以实现此功能吗?我知道我们可以将图像和音频一起上传到youtube中作为视频(而不是通过API).
更新:
使用ffmpeg,我们可以通过组合音频和图像来创建视频.创建的视频通过Youtube DATA API上传到Youtube.有用.现在我尝试使用脚本自动执行以下场景.
上传图片和音频.使用ffmpeg创建视频.视频成功创建后,使用Youtube DATA API上传视频.
我可以在命令行中使用ffmpeg命令创建视频.但是当我尝试使用PHP代码时,命令没有执行.