这是我得到的错误消息:
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.
使用jQuery和jQuery,我添加一个带有youtube网址的iframe来在网站上显示视频但是从youtube加载到iframe中的嵌入代码没有wmode ="Opaque",因此页面上的模式框显示在youtube视频下方.
任何想法如何解决问题?
我正在尝试实现水平多级下拉菜单.紧接着(垂直)菜单,我通过iframe嵌入了YouTube视频.如果我将鼠标悬停在Firefox中的某个主级别导航项上,则会在视频顶部显示正确的下拉菜单.
但是,在Chrome和IE9中,在菜单和iframe之间的小空间区域中只能看到下拉条的一小部分.其余部分似乎是iframe的背后.
问题似乎与YouTube视频有关,而不是 iframe.为了测试,我将iframe定位在另一个网站而不是视频,并且下拉菜单工作正常,即使在IE中也是如此.
z-index:-999 !important;
在iframe上放置了这个问题仍然会发生?是否有一些内嵌CSS,YouTube嵌入代码包含在某种程度上压倒一切?
我在我们的网站上嵌入了一个YouTube视频,当我将屏幕缩小到平板电脑或手机尺寸时,它的宽度大约会缩小到560px.这是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视频链接,但我需要这种功能用于嵌入式视频.
我正在尝试为我的django页面提供一些我从其他地方获得的资源.
在feed中,我有你的YouTube视频,如: https://www.youtube.com/watch?v=A6XUVjK9W4o
一旦我将其添加到我的页面中,视频就不会显示出来:
拒绝在一个框架中显示" https://www.youtube.com/watch?v=A6XUVjK9W4o ",因为它将"X-Frame-Options"设置为"SAMEORIGIN".
然后我说,好吧,如果我改变watch了embed.然后youtube播放器显示,但没有视频,说:

有没有人知道我是如何让这个工作的?
我在这样的html中显示:
<iframe width="420" height="315"
src="{{vid.yt_url}}">
</iframe>
Run Code Online (Sandbox Code Playgroud)
我用谷歌搜索了近一个小时,没有成功的迹象.我试图追加&output=embed.. nada ..
如何在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嵌入式视频?
我正在尝试将YouTube视频源添加到HTML5 <video>标记中,但它似乎不起作用.经过一些谷歌搜索,我发现HTML5不支持YouTube视频网址作为来源.
您可以使用HTML5嵌入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) 我有一个用户可以写任何东西的文本域.
例如:
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.
知道它是如何工作的吗?
youtube ×10
iframe ×3
css ×2
html ×2
html5 ×2
video ×2
youtube-api ×2
angularjs ×1
django ×1
download ×1
embed ×1
javascript ×1
overlay ×1
php ×1
python ×1
python-3.x ×1
regex ×1
wmode ×1
youtube-dl ×1