标签: youtube

无法在'DOMWindow'上执行'postMessage':https://www.youtube.com!== http:// localhost:9000

这是我得到的错误消息:

Failed to execute 'postMessage' on 'DOMWindow': The target origin provided
('https://www.youtube.com') does not match the recipient window's origin 
('http://localhost:9000').
Run Code Online (Sandbox Code Playgroud)

我已经看到了目标来源http://www.youtube.com和收件人来源的其他类似问题https://www.youtube.com,但没有一个像我的目标所在的地方https://www.youtube.com和原点http://localhost:9000.

  1. 我没有遇到问题.问题是什么?
  2. 我该如何解决?

javascript youtube youtube-api angularjs youtube-iframe-api

139
推荐指数
6
解决办法
23万
查看次数

Youtube iframe wmode问题

使用jQuery和jQuery,我添加一个带有youtube网址的iframe来在网站上显示视频但是从youtube加载到iframe中的嵌入代码没有wmode ="Opaque",因此页面上的模式框显示在youtube视频下方.

任何想法如何解决问题?

youtube iframe wmode

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

通过iframe嵌入YouTube视频忽略z-index?

我正在尝试实现水平多级下拉菜单.紧接着(垂直)菜单,我通过iframe嵌入了YouTube视频.如果我将鼠标悬停在Firefox中的某个主级别导航项上,则会视频顶部显示正确的下拉菜单.

但是,在Chrome和IE9中,在菜单和iframe之间的小空间区域中只能看到下拉条的一小部分.其余部分似乎是iframe的背后.

问题似乎与YouTube视频有关,而不是 iframe.为了测试,我将iframe定位在另一个网站而不是视频,并且下拉菜单工作正常,即使在IE中也是如此.

  • 问题1:WTF?
  • 问题2:为什么,即使我明确地z-index:-999 !important; 在iframe上放置了这个问题仍然会发生?

是否有一些内嵌CSS,YouTube嵌入代码包含在某种程度上压倒一切?

css youtube iframe

129
推荐指数
4
解决办法
10万
查看次数

将YouTube视频缩小到响应宽度

我在我们的网站上嵌入了一个YouTube视频,当我将屏幕缩小到平板电脑或手机尺寸时,它的宽度大约会缩小到560px.这是YouTube视频的标准还是我可以在代码中添加一些内容以使其变小?

embed youtube responsive-design

119
推荐指数
6
解决办法
12万
查看次数

强制HTML5 YouTube视频

关于Youtube API博客,他们正在尝试新的HTML5视频播放器.

显然,要在html5中播放视频,您必须使用iframe嵌入代码:

<iframe class="youtube-player" type="text/html" width="640" height="385"
  src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">
</iframe>
Run Code Online (Sandbox Code Playgroud)

但如果客户端未加入HTML5试用版,即使客户端的浏览器支持HTML5视频,播放器也会自动退回到Flash播放器中.

如果浏览器支持HTML5视频播放,如何强制HTML5视频播放,即使用户尚未参与HTML5试用?

否则如何禁用闪回后退?

编辑:

可以强制HTML播放器通过Youtube视频链接,但我需要这种功能用于嵌入式视频.

youtube video html5

118
推荐指数
2
解决办法
20万
查看次数

嵌入youtube视频 - 拒绝在框架中显示,因为它将'X-Frame-Options'设置为'SAMEORIGIN'

我正在尝试为我的django页面提供一些我从其他地方获得的资源.

在feed中,我有你的YouTube视频,如: https://www.youtube.com/watch?v=A6XUVjK9W4o

一旦我将其添加到我的页面中,视频就不会显示出来:

拒绝在一个框架中显示" https://www.youtube.com/watch?v=A6XUVjK9W4o ",因为它将"X-Frame-Options"设置为"SAMEORIGIN".

然后我说,好吧,如果我改变watchembed.然后youtube播放器显示,但没有视频,说:

在此处输入代码

有没有人知道我是如何让这个工作的?

我在这样的html中显示:

<iframe width="420" height="315"
    src="{{vid.yt_url}}">
</iframe>
Run Code Online (Sandbox Code Playgroud)

我用谷歌搜索了近一个小时,没有成功的迹象.我试图追加&output=embed.. nada ..

html youtube django video youtube-api

116
推荐指数
4
解决办法
19万
查看次数

在youtube iframe上叠加opaque div

如何在youtube iframe嵌入视频上叠加半透明不透明度的div?

<iframe class="youtube-player" type="text/html" width="520" height="330" src="http://www.youtube.com/embed/NWHfY_lvKIQ" frameborder="0"></iframe>
<div id="overlay"></div>
Run Code Online (Sandbox Code Playgroud)

CSS

#overlay {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.8;
    /*background:rgba(255,255,255,0.8); or just this*/
    z-index:50;
    color:#fff;
}
Run Code Online (Sandbox Code Playgroud)

编辑(添加更多说明): HTML5正在逼近我们,越来越多的设备使用它而不是闪存,这使得youtube视频的嵌入变得复杂,幸好youtube提供了一个特殊的可嵌入iFrame,可以处理所有视频嵌入兼容性问题,但是现在以前使用半透明div覆盖视频对象的方法不再有效,我现在无法添加<param name="wmode" value="transparent">到对象,因为它现在是iFrame,所以如何在顶部添加不透明的div iframe嵌入式视频?

html css youtube iframe overlay

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

将Youtube视频源显示为HTML5视频标签?

我正在尝试将YouTube视频源添加到HTML5 <video>标记中,但它似乎不起作用.经过一些谷歌搜索,我发现HTML5不支持YouTube视频网址作为来源.

您可以使用HTML5嵌入YouTube视频吗?如果没有,是否有任何解决方法?

youtube html5 embedded-video

99
推荐指数
4
解决办法
28万
查看次数

Youtube_dl:错误:YouTube 说:无法提取视频数据

我正在用 Python 3 制作一个小的图形界面,它应该下载一个带有 URL 的 youtube 视频。我youtube_dl为此使用了该模块。这是我的代码:

import youtube_dl # Youtube_dl is used for download the video

ydl_opt = {"outtmpl" : "/videos/%(title)s.%(ext)s", "format": "bestaudio/best"} # Here we give some advanced settings. outtmpl is used to define the path of the video that we are going to download

def operation(link):
    """
    Start the download operation
    """
    try:
        with youtube_dl.YoutubeDL(ydl_opt) as yd: # The method YoutubeDL() take one argument which is a dictionary for changing default settings
            video = …
Run Code Online (Sandbox Code Playgroud)

python youtube download python-3.x youtube-dl

97
推荐指数
8
解决办法
11万
查看次数

如何使用正则表达式在字符串中查找所有YouTube视频ID?

我有一个用户可以写任何东西的文本域.

例如:

Lorem Ipsum只是虚拟文本. http://www.youtube.com/watch?v=DUQi_R4SgWo 印刷和排版行业.自16世纪以来,Lorem Ipsum一直是业界标准的虚拟文本,当时一台未知的打印机采用了类型的厨房,并将其拼凑成一本类型的样本.它不仅存在了五个世纪,而且还延续了电子排版,基本保持不变. http://www.youtube.com/watch?v=A_6gNZCkajU&feature=relmfu 它在20世纪60年代推出了包含Lorem Ipsum段落的Letraset表格,最近还发布了包括Lorem Ipsum版本在内的Aldus PageMaker等桌面出版软件.

现在我想解析它并查找所有YouTube视频网址及其ID.

知道它是如何工作的吗?

php regex youtube

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