我正在使用 YouTube iFrame API 在我的自定义播放器(javascript 播放器)中加载视频。我需要隐藏 Youtube 品牌,但是在 iOS 设备上,它显示带有以下参数的徽标:
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 徽标和带广告的上传者信息)?
Thanks!
我隐藏了除播放/暂停按钮之外的所有内容。
我设法以负利润做到这一点。
检查下面的代码 -
<!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>
Note:
- 如果需要,您应该手动创建控制器。
- 视频的长宽比是固定的。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)