当前位置： 文江博客话题详情

删除“在 YouTube 上播放”覆盖嵌入视频

发布于 2024-12-22 05:22:00 字数 102 浏览 3 评论 0原文

有没有办法在嵌入视频时使用覆盖在视频上的“在 YouTube 上播放”按钮？我研究过使用无铬 YouTube 播放器，但无法找到删除覆盖层的方法。有没有人尝试过或听说过一种方法来做到这一点？

原文

Is there a way to get ride of the "play on youtube" button that is overlayed on videos when they are embedded? I looked into using the chromeless youtube player but couldn't figure out a way to remove the overlay. Has anyone tried or heard of a way to do this?

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（8）

柒七 2024-12-29 05:22:00

我发现有用的三个参数是：

showinfo=0
controls=0
autohide=1

showinfo=0 确保视频不会在视频帧的顶部显示标题。 controls=0 隐藏带有播放按钮、音量等的底部栏。autohide=1 隐藏控件，直到您将鼠标悬停在它们上方，这可能是最有用的。

所有官方文档都位于此处。

The three parameters I found useful are:

showinfo=0
controls=0
autohide=1

showinfo=0 makes sure the video does not display the title on the top of the video frame. controls=0 hides the bottom bar with the play button, volume, etc. autohide=1 hides the controls until you hover over them, which is probably the most useful.

All the official docs are here.

回复 原文
一人独醉 2024-12-29 05:22:00

我发现这是不可能的。因此，隐藏“播放”按钮的唯一方法是将视频图像放置在视频上方，该视频可以从 YouTube 获取，如下所示。
每个 YouTube 视频都有 4 个生成的图像。它们的格式如下：

http://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/3.jpg

但是一旦添加了覆盖层，单击屏幕而不是控件将不会播放视频，为此，请添加以下播放视频的 jQuery

jQuery('#overlay').click(function(){
      jQuery(this).hide();
      jQuery('#youtube_id').get(0).playVideo();

});

I found it not possible. So the only way to hide Play button is to place video image above the video which can be fetched from youtube as follow.
Each YouTube video has 4 generated images. They are predictably formatted as follows:

http://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/3.jpg

But once you add the overlay, clicking on the screen instead of control will not play the video, To do this add the following jQuery which plays the video

jQuery('#overlay').click(function(){
      jQuery(this).hide();
      jQuery('#youtube_id').get(0).playVideo();

});
回复 原文
椒妓 2024-12-29 05:22:00

得票最多的答案现在效果很好！ （2015 年 9 月 9 日星期三）
你应该把

  1. 参数&showinfo=0&controls=0&autohide=1就在视频源代码之后
  2. 并且 src="..." 中没有换行符

我想你们几乎都错过了上述情况。

以下是我的示例代码。

<div>
    <iframe id="bgVideo" width="800" height="480" frameborder="0" allowfullscreen
     src="//www.youtube.com/v/j-EQgzyoXMk&autoplay=1&loop=1&playlist=j-EQgzyoXMk&showinfo=0&controls=0&autohid=1">
    </iframe>
</div>

这意味着......不要这样做，

<iframe src="..." showinfo="0" controls="0" autohide="1" ...></iframe>`

或者像这样，

<iframe src="//www.youtube.com/v/...
             &autoplay=1
             &showinfo=0
             &controls=0
             &autohide=1
             &...></iframe>

以及我的示例的结果截图。

（由于我的声誉，我无法发布图片......请参见此处：https://i.sstatic。 net/zC5lz.jpg）

别忘了！

  1. 参数&showinfo=0&controls=0&autohide=1就在视频源代码之后
  2. 并且 src="..." 中没有换行符

The most voted answer works well now! (Wed Sep 9 '15)
You should put the

  1. parameters &showinfo=0&controls=0&autohide=1 Just after the video source code
  2. and without line break in src="..."

I think almost of you missed at above cases.

Followings are my example code.

<div>
    <iframe id="bgVideo" width="800" height="480" frameborder="0" allowfullscreen
     src="//www.youtube.com/v/j-EQgzyoXMk&autoplay=1&loop=1&playlist=j-EQgzyoXMk&showinfo=0&controls=0&autohid=1">
    </iframe>
</div>

It means... don't do like this,

<iframe src="..." showinfo="0" controls="0" autohide="1" ...></iframe>`

or like this,

<iframe src="//www.youtube.com/v/...
             &autoplay=1
             &showinfo=0
             &controls=0
             &autohide=1
             &...></iframe>

and my example's result screenshot.

(I couldn't post images because of my reputation... See here: https://i.sstatic.net/zC5lz.jpg)

Don't forget!

  1. parameters &showinfo=0&controls=0&autohide=1 Just after the video source code
  2. and without line break in src="..."
回复 原文
梦里人 2024-12-29 05:22:00

无法从 YouTube 播放器中删除播放按钮，有三种解决方法

1：自动播放视频

2：单击按钮后，在播放器上添加您自己的带有自定义按钮的叠加层，然后处理播放和暂停video using javascript

3 ：提取视频内容 URL（违反 YouTube 政策，但它有效，并且可能在将来随时中断）

embedd url ：

http://www.youtube.com/embed/VIDEO_ID?autoplay=1&showinfo=0&modestbranding=1&wmode=transparent&controls=1&color=white&rel=0&enablejsapi=1&playsinline=1&&version=3&theme=light&autohide=1&egm=0&showsearch=0&loop=1&playlist=VIDEO_ID"

如果您使用 HTML，上述 URL 将自动播放视频5.默认情况下它不会自动播放，为此您需要使用javascript来自动播放视频。

另一件事：视频结束后，它会再次显示播放按钮和视频信息，据我所知，这是不可避免的。

It is not possible to remove play button from youtube player, Hear are three workarounds for that

1 : autoplay the video

2 : add your own overlay with custom button on over the player using once the button is clicked, then handle the playing and pausing the video using javascript

3 : extract the video content URL (against the youtube policy, but it works and may break at any moment in future)

embedd url :

http://www.youtube.com/embed/VIDEO_ID?autoplay=1&showinfo=0&modestbranding=1&wmode=transparent&controls=1&color=white&rel=0&enablejsapi=1&playsinline=1&&version=3&theme=light&autohide=1&egm=0&showsearch=0&loop=1&playlist=VIDEO_ID"

The above URL will auto play the video if you are using HTML 5 it will not autoplay by default, For that you need to make use of the javascript to autoplay the video.

One more thing : Once the video ends it once again displays the Play Button and Video Info, As pre my knowledge it is unavoidable.

回复 原文
笑，眼淚并存 2024-12-29 05:22:00

更新：

您是否尝试过使用“modestbranding”播放器参数，请参阅 https://developers.google.com/youtube/ player_parameters

示例：
http://www.youtube.com /v/lT0ReYP3fDA?version=3&controls=0&modestbranding=1&showsearch=0

删除“继续播放”手动覆盖“youtube”违反了服务条款。

您的 API 客户端不会，您也不会鼓励或为您的用户或其他第三方创建功能：修改、替换或以其他方式禁用 YouTube 搜索结果中提供的 YouTube 或第三方网站的链接的功能，或者以其他方式通过 YouTube API 或 YouTube 播放器提供；

它没有很好的记录，但如果您以任何方式违反服务条款，YouTube 可能会将您的网站列入黑名单。基本上每个视频都会返回 105 错误代码并停止工作。这种情况发生在我曾经工作过的一个网站上，并且很难与 Google 联系以撤销黑名单（在进行更改以再次符合 ToS 之后）。

UPDATE:

Have you tried using the "modestbranding" player parameter see https://developers.google.com/youtube/player_parameters

Example:
http://www.youtube.com/v/lT0ReYP3fDA?version=3&controls=0&modestbranding=1&showsearch=0

Removing the “play on youtube” overlay manually is against the Terms of Service.

Your API Client will not, and You will not encourage or create functionality for Your users or other third parties to: modify, replace or otherwise disable the functioning of links to YouTube or third-party websites provided in the YouTube search results or otherwise provided through the YouTube API or YouTube player;

It isn't very well documented but if you break the Terms of Service in anyway Youtube may blacklist your website. What happens is basically every video will return a 105 error code and stop working. This happened to a site I worked on once and it wasn't easy to get in contact with Google to get the blacklisting revoked (after making changes to be in line with the ToS again).

回复 原文
一人独醉 2024-12-29 05:22:00

2017年答案：

如果你指的是右下角的“YouTube”标志，可以使用info参数将其删除：

showinfo=1

当然，这会导致其他信息（例如视频标题） ）也会被显示，这可能是不可取的。尽管如此，标志还是被隐藏了！ :)

2017 Answer:

If you're referring to the "YouTube" logo in the bottom-right corner, this can be removed with the info parameter:

showinfo=1

Of course, this causes other info (such as the video title) to be shown as well, which might be undesirable. Still, the logo is hidden! :)

回复 原文
唯憾梦倾城 2024-12-29 05:22:00

不幸的是，2015 年 8 月 19 日，autohide 属性已被正式弃用。如果不使用适量的 JavaScript，您将无法再删除播放按钮。

在这里也可以找到同样的内容 https://developers.google.com/youtube/player_parameters#autohide

Unfortunately, on August 19, 2015 the autohide attribute has been officially depreciated. You can no longer remove the play button, without using a modest amount of JavaScript.

The same can be found over here https://developers.google.com/youtube/player_parameters#autohide

回复 原文
○愚か者の日 2024-12-29 05:22:00

有一个现成的解决方案可以将“在 youtube 上播放”删除到后台（您可以看到一点，但无法按下它）。

autoplay=1&controls=2&modestbranding=1

就我个人而言，我在一个有关俄罗斯文案交流的网站上工作。

这是一个示例 - https://beecopy.ru/zakazchiku/sovet-workzilla-drobim-bolshie-proekty-na-podjomnye-zadachi/

There is a ready-made solution that removes “play on youtube” into the background (you can see it a little, but you won't be able to press it).

autoplay=1&controls=2&modestbranding=1

Personally, I work on a website about Russian copywriting exchanges.

Here is an example - https://beecopy.ru/zakazchiku/sovet-workzilla-drobim-bolshie-proekty-na-podjomnye-zadachi/

回复 原文
~没有更多了~

关于作者

似最初

暂无简介

文章
评论
27 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

紫罗兰の梦幻

文章 0 评论 0

-2134

文章 0 评论 0

liuxuanli

文章 0 评论 0

意中人

文章 0 评论 0

○愚か者の日

文章 0 评论 0

xxhui

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文