标签: youtube-javascript-api

YouTube API目标(多个)现有iframe

我正在尝试了解如何使用YouTube API定位现有的iframe(即不使用脚本构建iframe).

像往常一样,谷歌没有提供足够的API示例,但解释说有可能,这里http://code.google.com/apis/youtube/iframe_api_reference.html

这是我正在尝试做的一个例子 - 缩略图下面的视频应该播放.我几乎在那里,但只有第一个视频播放...

http://jsfiddle.net/SparrwHawk/KtbYR/2/

javascript youtube-api youtube-javascript-api

16
推荐指数
1
解决办法
3万
查看次数

在JavaScript中隐藏/显示 - 停止播放YouTube iframe视频

我已经使用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

15
推荐指数
1
解决办法
3万
查看次数

是否可以使用参数隐藏youtube的大红色播放按钮?

我正在使用的代码的快速示例来创建我的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播放视频.

问题在于,现在不再需要大红色的"播放"按钮,该按钮会暂时显示为视频的开始.

在此输入图像描述

有什么方法可以摆脱这个吗?我查看了文档,找不到合适的参数来允许我隐藏它.

html javascript youtube youtube-javascript-api

15
推荐指数
2
解决办法
3万
查看次数

YouTube播放器API:如何在不播放的情况下获取已加载/提示的视频的持续时间?

我无法通过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

14
推荐指数
1
解决办法
4万
查看次数

如何将YouTube API持续时间(ISO 8601持续时间格式为PT#M#S)转换为秒

如何使用JavaScript以PT#M#S格式操作日期时间?

例如: PT5M33S

我想输出为hh:mm:ss.

javascript youtube-javascript-api

13
推荐指数
2
解决办法
6826
查看次数

在youtube javascript api中禁用自动播放

我知道在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

13
推荐指数
1
解决办法
1万
查看次数

暂停youtube视频,youtube 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)

这是jsFiddle的演示

但是,它不起作用.任何人都知道如何做到这一点?

javascript youtube youtube-api youtube-javascript-api

12
推荐指数
1
解决办法
3万
查看次数

删除嵌入视频中的"在youtube上播放"叠加层

有没有办法让我们在嵌入视频时叠加在视频上的"在youtube上播放"按钮?我研究了使用chromeless youtube播放器,但无法找到一种方法来移除叠加层.有没有人尝试或听说过这样做的方法?

youtube youtube-api youtube-javascript-api

11
推荐指数
2
解决办法
6万
查看次数

如何使用Youtube javascript API以特定的"秒"获取YouTube视频的缩略图或快照?

我想拍一张youtube视频的缩略图,比如http://www.youtube.com/watch?v=ffaTjpA1scI 30s或120s.我怎么能用youtube API做到这一点?

我认为这是可能的,因为当我观看Youtube视频时,如果我将光标移动到时间线,我可以立即在特定时间看到快照.我只想以编程方式检索这些快照.

我也尝试了http://img.youtube.com/vi/ /0.jpg,实际上这可以获得缩略图,但它无法在特定时间获取快照.

youtube youtube-api youtube-javascript-api

11
推荐指数
1
解决办法
4625
查看次数

Youtube Data API V3 Javascript - 将音频和图像上传为视频

我正在使用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).

Youtube参考网址

Youtube数据api参考

更新:

使用ffmpeg,我们可以通过组合音频和图像来创建视频.创建的视频通过Youtube DATA API上传到Youtube.有用.现在我尝试使用脚本自动执行以下场景.

上传图片和音频.使用ffmpeg创建视频.视频成功创建后,使用Youtube DATA API上传视频.

我可以在命令行中使用ffmpeg命令创建视频.但是当我尝试使用PHP代码时,命令没有执行.

youtube video youtube-javascript-api youtube-data-api

10
推荐指数
2
解决办法
1613
查看次数