删除嵌入视频上的"play on youtube"叠加层



是否有办法在嵌入视频时覆盖"在youtube上播放"按钮?我研究了使用无铬youtube播放器,但无法找到一种方法来删除覆盖。有人尝试过或听说过这样做的方法吗?

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

showinfo=0
controls=0
autohide=1

showinfo=0确保视频不会在视频帧的顶部显示标题。controls=0隐藏与播放按钮,音量等底部栏。autohide=1隐藏控件,直到你悬停在他们,这可能是最有用的。

所有的官方文档都在这里。

我发现这不可能。因此,隐藏播放按钮的唯一方法是将视频图像放在视频上方,可以从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();
});

投票最多的答案现在效果很好!(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.stack.imgur.com/zC5lz.jpg)

不要忘记!

  1. 参数&showinfo=0&controls=0&autohide=1紧跟视频源代码
  2. 和没有换行符的src="…"

这是不可能从youtube播放器中删除播放按钮,下面是三个解决方法

1:自动播放视频

2:添加你自己的覆盖与自定义按钮在播放器上使用一旦按钮被点击,然后处理播放和暂停视频使用javascript

3:提取视频内容的URL(违反youtube的政策,但它可以工作,并可能在未来的任何时刻打破)

嵌入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"

上面的URL将自动播放视频,如果你使用的是HTML 5,它不会默认自动播放,为此,你需要使用javascript来自动播放视频。

还有一件事:一旦视频结束,它再次显示播放按钮视频信息,据我所知这是不可避免的。

UPDATE:

你试过使用"谦虚品牌"播放器参数吗?见https://developers.google.com/youtube/player_parameters

的例子:http://www.youtube.com/v/lT0ReYP3fDA?version=3&控制= 0,modestbranding = 1, showsearch = 0


手动删除"play on youtube"覆盖是违反服务条款的。

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

这不是很好的记录,但如果你违反了服务条款,Youtube可能会把你的网站列入黑名单。基本上每个视频都会返回一个105错误代码并停止工作。这发生在我曾经工作过的一个网站上,它不容易与谷歌取得联系,使黑名单被撤销(在做出修改后,再次与ToS保持一致)。

2017答案:

如果你指的是右下角的"YouTube"标志,可以使用info参数删除:

showinfo=1
当然,这会导致其他信息(如视频标题)也被显示,这可能是不希望看到的。不过,这个标志是隐藏的!:)

不幸的是,2015年8月19日,autohide属性已被正式贬值。你不能再删除播放按钮,而不使用适量的JavaScript。

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

有一个现成的解决方案,将" play on youtube "移到背景中(你可以看到它一点点,但你将无法按下它)。

autoplay=1&controls=2&modestbranding=1

我个人在一个关于俄罗斯文案交流的网站上工作。

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

相关内容

  • 没有找到相关文章

最新更新