href到具有嵌入视频的新浏览器

时间:2013-10-14 20:45:59

标签: html html5

我正在尝试弄清楚如何格式化已发布的youtube链接,以便它嵌入视频但在新的浏览器窗口中这样做(页面每十秒自动刷新一次,因此将视频直接嵌入页面是一个问题。另外,我知道让页面异步更新会更聪明,但我还没有。)

所以,例如;

1)用户发布链接https://www.youtube.com/watch?v=examplevideo。我可以使用正则表达式来更改它,以便它可以是页面上的嵌入式视频,但由于我的限制,我需要它是新页面上的嵌入式视频。所以,相反,我会将此链接更改为;

2)http://img.youtube.com/vi/examplevideo/0.jpg。此图片(所有发布的YouTube视频的标准语法)将在页面上发布。在单击此图像时,它将打开一个新选项卡或浏览器,并开始播放该新页面的嵌入视频。与此场景一致的嵌入式视频的语法是;

3)<iframe width="560" height="315" src="//www.youtube.com/embed/examplevideo" frameborder="0" allowfullscreen></iframe>

所以,我知道我可以使用“a href”语法添加图片链接,以便任何点击它的人都会被带到youtube上的链接。我假设会使用类似的方法指向一个带有嵌入式视频的新浏览器页面?这将如何运作?

1 个答案:

答案 0 :(得分:2)

target元素的a属性设置为_blank,以便在新标签或窗口中将其打开。

示例:

<a href="http://www.youtube.com/embed/zX54DIpacNE" target=_blank>Clicky</a>

虽然恕我直言,但最好只链接到视频的YouTube页面而不是嵌入它,因为您已经在新标签页中打开它。