youtube-iframe-api删除视频底部的建议缩略图
youtube-iframe-api是YouTube提供的一组API，用于在网页上嵌入和控制YouTube视频播放器。它提供了丰富的功能和选项，包括删除视频底部的建议缩略图。
在使用youtube-iframe-api时，可以通过以下步骤删除视频底部的建议缩略图：
- 首先，确保已经在网页中正确加载了YouTube播放器的API库。可以使用以下代码将其添加到HTML页面的<head>标签中：
<script src="https://www.youtube.com/iframe_api"></script>- 创建一个<div>元素，用于容纳YouTube播放器。例如：
<div id="player"></div>- 在JavaScript中，使用以下代码初始化和配置YouTube播放器：
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
videoId: '视频ID',
playerVars: {
// 在这里添加自定义的播放器参数
rel: 0 // 禁用建议缩略图
},
events: {
// 在这里添加自定义的事件处理程序
}
});
}- 在上述代码中，将"视频ID"替换为要嵌入的YouTube视频的实际ID。同时，通过将
rel参数设置为0来禁用建议缩略图。
通过以上步骤，就可以使用youtube-iframe-api删除视频底部的建议缩略图。这样，用户在观看视频时将不会看到任何建议的视频缩略图。
推荐的腾讯云相关产品是腾讯云点播（VOD），它是腾讯云提供的一项视频点播服务。腾讯云点播提供了丰富的功能和工具，可以帮助开发者轻松实现视频的上传、存储、转码、播放等操作。您可以通过以下链接了解更多关于腾讯云点播的信息：腾讯云点播产品介绍。
相关·内容
1回答
为什么YouTube应用程序接口不再支持PlayerVars？
api、youtube
几天前，我在我的网站上发布了YouTube应用程序接口和一段视频。我设置了一些PlayerVars。然后一切都正常了。不幸的是，我今天注意到播放器不能正常工作了。所有的PlayerVars都是在iframe链接中设置的，但它们不会被执行(例如，'showinfo'：0仍将显示视频信息)。这会是什么呢？即使我删除了在将视频放到网上后所做的所有更改，它也不会再次正常工作。
HTML：
<div id="aboutVideoVideo"></div>
JavaScript：
var tag = document.createElement(&#
浏览 2提问于2018-10-22得票数 0
2回答
Youtube不安全的JavaScript试图使用URL访问框架
javascript、youtube、youtube-api、youtube-javascript-api
这是另一个问题，这次是关于youtube API的。我用这段代码让youtube播放器：
<div id=\"youtubeVideoContainer\"></div><script type=\"text/javascript\">
//Load player api asynchronously.
var tag = document.createElement('script');
浏览 1提问于2012-08-10得票数 5
回答已采纳
1回答
YouTube iFrame API:性能问题
iframe、youtube
我有“标签”页面反映不同的YouTube视频。我使用Iframe API加载视频点播。除了IE 8我们的页面是HTML5之外，所有的浏览器都能正常工作。它开始给出这里提到的未指明的错误[YouTube iframe API错误在第49行，然后我意识到更改我的“删除”视频代码，问题就解决了。
然而，现在当用户点击TAB时，它首先使整个屏幕空白，然后渲染视频，并在几秒钟后购买完整的页面。因为它只是Javascript改变和放置新的DIV与ID，然后新的播放器，这是不应该发生的。坦率地说，新页面加载比移除并在页面中放入新Youtube视频更快。
有关于如何提高性能的想法吗？
function Add
浏览 1提问于2013-02-19得票数 0
7回答
带循环的Youtube播放器api
video、youtube、youtube-javascript-api
我正在为使用youtube播放器api设置youtube视频循环而苦苦挣扎。
问题是视频没有在循环下运行。
以下是我的代码
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore
浏览 1提问于2013-10-17得票数 20
2回答
在youtube API上禁用全屏- javascript
javascript、iframe、youtube、youtube-api、fullscreen
如何禁用youtube API全屏显示？我使用我的自定义视频控制器。然而，双击视频将使其进入全屏。我曾尝试设置播放器参数'fs':0或将iframe属性"allowfullscreen“设置为0，但都不起作用。另外，我不想将youtube iframe css的"pointer-event“设置为none。因为有时候youtube的横幅广告很烦人。
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api"
浏览 0提问于2017-01-27得票数 1
1回答
YouTube (注入)视频结束回调
javascript、jquery、callback、youtube、youtube-api
我将YouTube iframe注入文档准备中的div并将其绑定为：
jQuery(document).ready(function($) {
jQuery('.video-thumb').click(function(){
...
$('#player').html('<iframe width="761" height="421" src="http://www.youtube.com/embed/' + $(this).attr('videoid&
浏览 2提问于2012-08-24得票数 17
回答已采纳
1回答
无法让youtube iframe和youtube播放器代码相互通信
jquery、youtube、youtube-api
我正在尝试使用youtube api嵌入youtube视频和一些代码，这样我就可以为视频创建悬停事件。不过，我在将iframe与我的播放器代码链接起来时遇到了麻烦。有人知道我做错了什么吗？
html：
<iframe id="playerLibrary" class="playerLocation" width="560" height="315" src="https://www.youtube.com/embed/YT2ZOD32lWw?rel=0&showinfo=0&enablejsa
浏览 4提问于2018-07-27得票数 0
回答已采纳
2回答
阻止youtube网站从react本机-webview重定向
react-native、webview、youtube、youtube-iframe-api、react-native-webview
我正在玩YouTube嵌入式LiveStream永久网址通过反应-本机-webview内的反应-本机应用程序。利维斯特拉姆很好用。但是当选择一个视频标题或更多视频选项时，webview会显示Youtube网站。我试着阻止这一切。
Permenat Livestream Url
ID“
播放器WebView
<WebView
style={{resizeMode: 'cover', flex: 1 }}
allowsFullscreenVideo={true}
javaScriptEnabled={true}
浏览 2提问于2020-11-23得票数 2
回答已采纳
1回答
Youtube iFrame播放器API全屏播放
javascript、youtube
我找不到一种方法，让一个视频嵌入到网站上，并让它发挥全屏时，最终用户按下播放按钮，使用YouTube iFrame播放器API.这在手机上是个大问题，因为视频在页面上太小了，必须全屏启动才有意义。
注意到div #player在一个模态窗口中
Html：
<div id="player"></div>
联署材料：
var player = new YT.Player('player', {
width: '100%',
height: '100%',
vide
浏览 1提问于2022-11-06得票数 1
条件：在点播服务中，已经打开域名的KEY防盗链；
问题：使用超级播放器WEB 播放视频，只能使用 12576*****.vod2.myqcloud.com 的防盗链KEY 播放，返回的视频地址也是这个域名下的。
现在想使用自定义域名的防盗链KEY 播放，返回的视频地址是自定义域名的，请问该如何操作。目前使用自定义域名的防盗链KEY是无法播放的，因为腾讯默认返回1257612576*****.vod2.myqcloud.com 开头的地址。
备注：参考文档，播放器参数只有如下几个，没有域名URL的参数。
var player = TCPlayer('player-container-id
浏览 981提问于2018-10-19
1回答
Youtube v3 API源参数不起作用
ios、swift、video、youtube
我最近在使用Youtube的v3 API中的原始参数时遇到了问题。当我不包含它的时候，我能够播放除了Vevo类型的视频之外的所有内容，这些视频的播放受到限制。当我尝试播放Vevo视频时，视频显示播放受到限制。
在线的其他答案说，添加一个设置为的原始参数应该允许播放Vevo视频。然而，当我这样做并试图播放Vevo视频时，视频就变黑了，甚至没有消息说播放受到限制。此外，当我尝试通过评估Javascript命令来播放常规视频时，什么也没有发生，并且出于某种原因，我被迫实际单击视频来播放它们。如果有人知道如何通过Youtube的API播放Vevo视频，无论是使用origin参数还是通过其他方法，我都将
浏览 0提问于2016-12-19得票数 2
1回答
在youtube视频末尾显示缩略图
javascript、html、youtube-api
我在移动设备上工作。(iOS)
我有我的Youtube视频的缩略图。点击一次，它就会消失，并在iframe中自动播放我的视频(移动设备上的全屏)。它工作得很好。
现在，我想在离开时(重新)显示缩略图。那么我该怎么做呢？
HTML：
<script src="https://www.youtube.com/player_api"></script>
<div id="yt">
<img src="http://img.youtube.com/vi/sftuxbvGwiU/default.jpg"
浏览 2提问于2013-07-02得票数 2
回答已采纳
1回答
在youtube视频开始前显示自定义图片
javascript、html、youtube-api、youtube-javascript-api
我试图在“播放器”目录中显示一个图像，然后在访问者单击按钮后，将其替换为视频(将该目录替换为iFrame)。下面是我的代码：
<!DOCTYPE html>
<head>
<style type="text/css">
html {
text-align: center;
}
#player {
display: inline-block;
width: 640px;
height: 360px;
background: url(http://placehold.it/640x360) no-repeat;
}
</style>
浏览 0提问于2012-11-01得票数 7
回答已采纳
1回答
加载页面后插入YouTube iframe
javascript、jquery、youtube、youtube-api
我有一个主要的YouTube视频和一些相关的视频在底部。YouTube视频是从url中的from视频名称参数加载的。如果存在视频名，则在页面上加载YouTube iframe，但如果视频名称dosen不存在，则在用户单击底部的相关视频之前不会加载YouTube。如果用户单击相关视频，则会加载iframe，并且应该使用相同的函数onPlayerReady和onPlayerStateChange作为从一开始就加载的iframe。如何在页面中插入iframe并使用与从一开始加载的函数相同的功能。？player.js
var tag = document.createElement('scr
浏览 11提问于2015-02-01得票数 0
回答已采纳
2回答
视频在一两秒后变黑
javascript、iphone、ios、youtube、youtube-javascript-api
我目前正在使用Youtube JavaScript API将视频嵌入到我的网页中，以控制我拥有的播放列表。我似乎一次又一次地犯的错误是，视频本身在加载标题、播放图标和加载图标后立即变黑。有那么一两秒钟，视频似乎要被播放了。但在标题滑动到允许视频播放之后，我得到的只是一个黑色背景。标题和youtube文本一起显示在右上角。但是视频本身不会播放。
据我所知，这个问题只发生在iPhone上。在Android和PC上都能完美工作。
var playlistDescription = [];
var playlist = [];
var tag = document.create
浏览 4提问于2013-08-09得票数 0
1回答
推翻YouTube的简历播放功能？
javascript、jquery、api、youtube
有人知道如何覆盖YouTube的“简历回放”功能吗？我需要嵌入的YouTube视频在我的网站上开始从每一次，而不是用户上次停止。
过去，YouTube上的简历播放功能只在20分钟或更长的视频上运行，但最近几周，YouTube似乎已经将该功能扩展到所有视频。
我以为我可以将开始时间设置为0秒，或者在玩家初始化后寻求0秒。但这不管用。通过任何方法将启动时间设置为0将导致视频从用户上次中断的位置(如果用户登录到YouTube)恢复。
下面是我默认的YouTube iframe代码：
<div id="yt-player"></div>
<script&g
浏览 1提问于2016-10-03得票数 0
2回答
YouTube嵌入到iPad上:通过Javascript启动时永久的缓冲区
ipad、youtube、youtube-api
我有一些问题，让一个YouTube嵌入工作。
我正在使用YouTube API加载视频。在加载的视频顶部，我有一个自定义控件<div> (透明)，只有一个播放按钮(一个<img>)。它是这样做的，以隐藏默认的YouTube播放器后面的播放按钮，与其他设计在网站上。
<div>覆盖整个加载的iFrame，因此播放机本身是不可点击的--我使用<div>上的单击事件来启动视频：
// Inside onYouTubePlayerAPIReady():
var player = new YT.Player(playerId, {
height: he
浏览 0提问于2012-11-08得票数 9
1回答
如何使youtube视频适合屏幕？
html、youtube-iframe-api
我正在使用iFrame加载youtube视频。使用当前代码，视频的边距被稍微裁剪(包括缩略图)。我必须改变什么，才能使它适合下面有黑色背景的屏幕？要进行测试，只需将此代码粘贴到一个html文件中并在浏览器中运行即可。调整窗口大小会显示该问题。
<html>
<head>
<title>Youtube Video</title>
<meta name='viewport' content='width=device-width, initial-scale=1.0, minimu
浏览 14提问于2017-07-06得票数 0
1回答
如何在javascript中在iframe youtube player API中设置视频广告
javascript、youtube-iframe-api
我在我的网站上使用javascript Youtube播放器API播放我的视频格式youtube。
为此，我使用了以下代码：
<html>
<body>
<!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
<div id="player"></div>
<script>
// 2. This code loads the IFrame Player
浏览 1提问于2015-10-02得票数 0
3回答
如何将youtube嵌入式播放器编程为在单击时取消静音
javascript、video、youtube、embed、mute
如何将youtube embedded player设置为单击后取消静音。你可以在主页上看到我提到的嵌入式播放器。右边的那个显示“来自YouTube的最新视频。我将其设置为默认静音，但我想让它在有人点击时自动取消静音。
下面是我使用的代码：
<!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
<div id="player"></div>
<script>
// 2. This code loads the
浏览 6提问于2013-05-25得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
