用户徘徊时隐藏YouTube控件

Question

当用户徘徊时，有没有办法让youtube api隐藏播放器控件？

当用户点击它时，我当前有代码：

   $("#container.click-to-play-video").click(function(){
        player = new YT.Player('player', {
            width : '960',
            height : '600',
            videoId : 'PnHCKXe6ttU',
            playerVars: { 'autoplay': 1 , 'controls': 0 },
            events : {
                'onReady' : onPlayerReady,
                'onStateChange' : onPlayerStateChange
            }
        });
    });

但是我只想在用户使用鼠标输入时播放控件。有可能吗？

Answer 1

播放器参数“autohide”（文档：https://developers.google.com/youtube/player_parameters#autohide）确定控件在播放过程中是否会隐藏。

将该参数设置为“1”将允许控件在播放视频时滑出视图，并且用户停止将鼠标悬停在视频上，我相信这是您想要实现的目标。

您无法通过代码强制控件在特定时刻滑入或滑出，或者在创建播放器后更改播放器参数（例如“控件”参数）。

如果您需要非常精确地控制控件的显示，那么您需要设置controls = 0并为视频创建自己的一组控件。