单击即可显示youtube全屏视频 [英] Show youtube full screen video in a click

问题描述

在我的一个网络应用程序中，我正在显示youtube视频的指甲

In one of my web app I am showing a youtube videos thumb nails like

<img height="150px" id="youtubeImage" src="http://img.youtube.com/vi/VIDEO_ID/default.jpg" href="">

我正在从数据库中获取视频ID.我想在单击此链接时显示此视频的全屏显示.我在使用jQuery的iframe中展示了这一点.但是如何全屏显示呢?

I am fetching the video id from database. I want to show a full screen if this video while clicking on this link. I showed this in a iframe using jQuery. But how to show this in full screen ?

请帮助 谢谢

推荐答案

这并不是jQuery的答案，但这几乎可以通过使用URL来实现:

Not really a jQuery answer, but this can almost be achieved by using the URL:

http://www.youtube.com/v/[VIDEO_ID]

http://www.youtube.com/v/[VIDEO_ID]

这将重定向到

http://youtube.googleapis.com/v/[VIDEO_ID]

http://youtube.googleapis.com/v/[VIDEO_ID]

哪个视频占据了完整的浏览器标签.并非严格全屏显示，因为它不会隐藏播放器组件，但我不确定您可以通过其他任何方式来实现.

Which has the video taking up the full browser tab. Not strictly fullscreen as it won't hide the player components but I'm not sure you can do it any other way.

这篇关于单击即可显示youtube全屏视频的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！