我正在使用youtube iframe api在我的自定义播放器(JavaScript Player)中加载视频。我需要在iOS设备上隐藏YouTube品牌,它显示了徽标,该徽标具有以下参数:
playerVars:
{
'fs':1,
'autoplay' : 0,
'showinfo' : 0,
'rel' : 0,
'controls' : videoControls,
'cc_load_policy' : 0,
'color':'white',
'modestbranding' : 1,
'iv_load_policy' : 3,
'loop':inv_loop,
'wmode': 'transparent',
'playlist':playlist,
'playsinline':1
}
如果我将" ShowInfo"保持在1,则它隐藏了徽标,但是它显示了视频标题,共享和观看以后的图标以及广告。
有什么方法可以使用iframe api隐藏(YouTube徽标和上传器信息)?
谢谢!
我隐藏了除play/暂停按钮以外的所有内容。
我设法用负余量来完成此操作。
检查下面的代码 -
<!DOCTYPE html>
<html>
<style type="text/css">
#offset{
position: absolute;
top: -300px;
bottom: -300px;
right: 0;
left: 0;
background-color: black;
z-index: 12;
}
#payer-container{
height: 450px;
width: 800px;
overflow: hidden;
position: relative;
z-index: 1;
}
</style>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<script src="https://www.youtube.com/iframe_api"></script>
</head>
<body>
<div id="payer-container">
<div id="offset">
<div id="youTubePlayerDOM"></div>
</div>
</div>
</body>
<script type="text/javascript">
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('youTubePlayerDOM', {
height: '100%',
width: '100%',
playerVars: {
"autoplay": 0,
"controls": 0,
"enablejsapi": 1,
"video_id": "QswsUQNDW_U"
}
});
}
</script>
</html>
注意:
- 您必须在需要时手动创建控制器。
- 视频的纵横比已固定。
您可以添加modestbranding=1
此参数可让您使用不显示YouTube徽标的YouTube播放器。将参数值设置为1,以防止YouTube徽标显示在控制条中。请注意,当用户的鼠标指针徘徊在播放器上时,一个小的YouTube文本标签仍将显示在暂停视频的右上角。
showinfo=0
将删除标题栏
值:0或1。参数的默认值为1。如果将参数值设置为0,则播放器将不会在视频开始播放之前显示诸如视频标题和上传器之类的信息。
我也认为YouTube不允许您完全删除其名称/徽标。