标签: youtube

如何在YouTube播放列表嵌入代码的末尾隐藏相关视频?

我正在使用此代码嵌入播放列表:

<iframe width="816" height="459"     
  src="https://www.youtube.com/embed/videoseries?list=xxx" 
  frameborder="0" allowfullscreen="">
Run Code Online (Sandbox Code Playgroud)

要隐藏相关视频,通常我会添加?rel=0(在单个视频嵌入的情况下),但如果我在这里尝试:

<iframe width="816" height="459" src="https://www.youtube.com/embed/videoseries?list=PL4Zkb_7gMrOzZlVy7jIeCjwScavYp6ssm?rel=0" 
 frameborder="0" allowfullscreen="">
 </iframe>
Run Code Online (Sandbox Code Playgroud)

我得到了"糟糕的视频"模糊的YouTube屏幕(对不起,我不知道这个技术术语)!

播放列表的YouTube"SHOW MORE"设置中没有"隐藏相关"选项.

embed youtube video iframe playlist

49
推荐指数
3
解决办法
6万
查看次数

从YouTube下载视频

我希望从YouTube下载视频,然后提取其音频.

任何人都可以指点一些C#代码来下载视频吗?

为了澄清,我已经知道如何从像这样的.FLV文件中提取音频.

.net c# youtube youtube-api

48
推荐指数
3
解决办法
9万
查看次数

单击图像即可开始/播放嵌入式(iframe)youtube-video

我正在尝试通过单击图像开始播放嵌入式YouTube视频.我们的想法是在视频上方放置一个图像,当点击图像时,它会淡出并开始播放视频.

我正在使用jquery淡化图像,并希望找到一种方法来播放或使用jquery点击视频.

褪色工作正常,但我无法弄清楚如何触发视频播放.我通过将视频设置为自动播放并隐藏它,然后在单击图像时淡入视频,让它在几个浏览器上工作.在大多数浏览器中,视频在淡入时会自动播放,但在Chrome中,即使隐藏它也会开始自动播放.它在iOS中也不能很好地工作.

由于我对此很陌生,我甚至不确定我是否100%正确地写它,但我尝试过这样的事情没有成功:

     $('#IMAGE').click(function() { $('#VIDEO').play(); });
Run Code Online (Sandbox Code Playgroud)

那么,我将如何在点击图像上播放视频?有没有办法在单击图像时播放视频,只需使用jquery?

先感谢您.

embed youtube iframe jquery onclick

48
推荐指数
5
解决办法
12万
查看次数

强制youtube嵌入以720p开始

有一些方法建议在线进行此操作,但似乎没有一种方法可行.

例如:

http://blog.makezine.com/archive/2008/11/youtube-in-720p-hd-viewin.html

那篇文章是关于让它以720p开始,但它甚至不适用于他们自己的视频.

这里有人知道怎么做吗?

html embed youtube

48
推荐指数
6
解决办法
17万
查看次数

如何从YouTube视频中提取隐藏式字幕文字?

是否可以从Youtube视频中提取隐藏式字幕脚本?

我们在youtube上有200多个网络广播,每个网络广播至少有一个小时.Youtube已经关闭了所有视频的标题,但似乎用户无法获得它.

我在此博客中尝试过该网址,但它不适用于我们的视频.

http://googlesystem.blogspot.com/2010/10/download-youtube-captions.html

谢谢

youtube caption

48
推荐指数
7
解决办法
17万
查看次数

Youtube的HTML5视频播放器如何控制缓冲?

我正在观看youtube视频,我决定调查其视频播放器的某些部分.我注意到,与我见过的大多数HTML5视频不同,Youtube的视频播放器不会使用普通视频源,而是使用blob网址作为源.

以前我测试了HTML5视频,我发现服务器从一开始就开始流式传输整个视频,并在后台缓冲整个视频的剩余部分.这意味着如果您的视频为300兆,则将下载所有300兆.如果你寻求中间,它将从搜索位置一直开始下载到最后.

Youtube不会这样工作(至少在chrome中).相反,它设法控制缓冲,因此它只在暂停时缓冲一定量.它似乎只缓冲相关的部分,所以如果你跳过它将确保不缓冲不太可能被观看的部分.

在我试图研究它是如何工作的时候,我注意到视频src标签有一个值blob:http%3A//www.youtube.com/ee625eee-2802-49b2-a13f-eb374d551d54,它指向blob,然后导致我输入数组.使用这两个资源,我可以将mp4视频加载到blob中并将其显示在HTML5视频标记中.

然而,我现在坚持的是Youtube如何处理这些碎片.查看网络流量,它似乎发送请求,以http://r6---sn-p5q7ynee.c.youtube.com/videoplayback2.1mb的块返回二进制视频数据.值得注意的是,由于HTML5视频请求导致的大多数正常请求似乎在流式传输时收到了206响应代码,但是youtube的播放视频调用获得了200个响应代码.

我试图只尝试加载一系列字节(通过设置Rangehttp标头),但遗憾的是失败了(我假设因为视频中没有视频的元数据).

在这一点上,我一直在想弄清楚Youtube如何实现这一目标.我提出了几个想法,虽然我没有完全卖掉:

1)Youtube会在每次/videoplayback通话时发送自包含的视频和音频块.这似乎是上传方面相当沉重的负担,似乎很难将它们拼接在一起,使它看起来像是一个无缝的视频.此外,视频标签,似乎认为这是一个完整的视频,从通话判断$('video').duration$('video').currentTime,这使我相信,视频标签认为它是一个单一的视频文件.最后,vidoe src标签永远不会改变,这让我相信它正在使用单个blob而不是切换blob.

2)Youtube构造一个预先确定为完整视频数组大小的空blob,并在下载时更新blob.然后它将确保用户没有太接近最后下载的片段(以防止用户进入blob的未下载部分).我看到的问题是,我没有看到通过javascript动态更新blob的任何方法(尽管我可能只是在谷歌上搜索它)

3)Youtube下载元数据,然后通过在下载时附加视频片段来开始按顺序构建blob.我用这种方法看到的问题是我不明白它将如何处理后缓冲区域中的搜索.

也许我只是错过了一个在我面前的明显答案.任何人都有任何想法?


编辑:我只想到了第四个选项.另一个想法是,他们可能会使用文件API将二进制块写入文件并使用该文件流式传输.文件API似乎能够搜索特定位置,因此允许您使用空字节填充视频并在接收时填充它们.这肯定也适合视频搜索.

youtube video html5

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

具有自定义速度的嵌入式YouTube视频(例如3)

我在一个页面中嵌入了一个YouTube视频,并有一个滑块,我可以使用该滑块设置播放器速度.

我在用 player.setPlaybackRate(value);

问题是我希望范围从0.5到3,但播放器API仅将值限制为预定义[0.25, 0.5, 1, 1.25, 1.5, 2].

在YouTube中我可以轻松调整速度document.getElementsByTagName("video")[0].playbackRate = 3但在iframe上我没有这样的访问权限.

javascript youtube api video youtube-api

46
推荐指数
3
解决办法
6065
查看次数

Youtube - 如何在嵌入链接/ <iframe>中强制480p视频质量

如何为iframed Youtube视频强制480p视频质量?

示例代码:

<iframe width="560" height="315" src="http://www.youtube.com/embed/FqRgAs0SOpU" frameborder="0" allowfullscreen></iframe>
Run Code Online (Sandbox Code Playgroud)

youtube iframe

45
推荐指数
3
解决办法
10万
查看次数

如何在tvOS上播放YouTube内容

如何在Apple tvOS上播放YouTube视频?

YouTube的嵌入功能适用于iOS 9,因为操作系统有一个我们可以嵌入的UIWebView.新的tvOS不包含UIWebView,因此我看不到嵌入YouTube视频的方法.

youtube youtube-api tvos

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

AngularJS多个表达式在插值中与URL连接

我知道这很长,但请耐心等待.问题很容易理解,只需要写一些文字就可以完全解释它.

现在我收到了这个错误

Error: [$interpolate:noconcat] Error while interpolating: 
Strict Contextual Escaping disallows interpolations that concatenate multiple expressions when a trusted value is required.  
See http://docs.angularjs.org/api/ng.$sce
Run Code Online (Sandbox Code Playgroud)

我已经完成了文档中的所有阅读,但我仍然无法找到解决问题的方法.

我在私有在线源上使用$ http.get,其数据类似于json文件的形式(因此我无法修改数据).数据如下所示:

...
"items": [
  {
   "kind": "youtube#searchResult",
   "etag": "\"N5Eg36Gl054SUNiWWc-Su3t5O-k/A7os41NAa_66TUu-1I-VxH70Rp0\"",
   "id": {
      "kind": "youtube#video",
      "videoID": "MEoSax3BEms"
      },
   },
   {
    "kind": "youtube#searchResult",
    "etag": "\"N5Eg36Gl054SUNiWWc-Su3t5O-k/VsH9AmnQecyYBLJrl1g3dhewrQo\"",
    "id": {
       "kind": "youtube#video",
       "videoID": "oUBqFlRjVXU"
       },
    },
...
Run Code Online (Sandbox Code Playgroud)

我正在尝试将每个项目的videoId插入到嵌入YouTube视频的HTML iframe中.在我的controller.js文件中,我在$ http.get之后设置了promise对象

$http.get('privatesource').success(function(data) {
  $scope.videoList = data.items;
});
Run Code Online (Sandbox Code Playgroud)

所以现在变量"$ scope.videoList"被映射到data.items,它有很多视频元素.在我的HTML文件中,我可以使用查找每个视频的videoID

<ul class="videos">
  <li ng-repeat="video in videoList">
    <span>{{video.id.videoID}}</span>
  </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

这列出了所有的videoID.但是,如果我尝试将这些值连接到URL(例如https://youtube.com/embed/),则它无效. …

javascript youtube interpolation concatenation angularjs

44
推荐指数
3
解决办法
4万
查看次数