需要使用 iFrame API 隐藏 YouTube 品牌

2024-05-16

我正在使用 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(使用前将#替换为@)

需要使用 iFrame API 隐藏 YouTube 品牌 的相关文章

随机推荐