Question

我正在使用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徽标和广告上传器信息）？

谢谢！

Answer 1

您可以添加modestbranding=1

此参数可让您使用未显示YouTube徽标的YouTube播放器。将参数值设置为1可防止YouTube徽标显示在控制栏中。请注意，当用户的鼠标指针悬停在播放器上时，小的YouTube文字标签仍会显示在暂停视频的右上角。

showinfo=0将删除标题栏

值：0或1.参数的默认值为1.如果将参数值设置为0，则播放器在视频开始播放前不会显示视频标题和上传者等信息。

此外，我认为YouTube不允许您完全删除其姓名/徽标。

Answer 2

我隐藏除播放/暂停按钮以外的所有内容。

我做到了做到负利润。

检查下面的代码-

<!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>

注意：

如果需要，您必须手动创建控制器。
视频的长宽比是固定的。

需要使用iFrame API隐藏YouTube品牌

2 个答案: