使用自定义控件在网站上打开youtube视频

koaltpgm  于 2021-09-13  发布在  Java
关注(0)|答案(1)|浏览(374)

有没有办法打开网站上的视频并隐藏所有youtube视频控件,如(单击播放和播放、按空格键播放和播放、按m静音、按向上和向下键音量向上/向下)和自定义视频控件?

c90pui9n

c90pui9n1#

您可以使用此代码嵌入禁用键盘快捷键和视频控件自定义按钮的youtube视频。要使用更多控件和函数,您可以阅读youtube iframe api参考。
注意:尝试在本地或在第三方编译器(如codepen、JSFIDLE等)上运行此代码,因为堆栈溢出的编译器在编译时遇到问题。

//YouTube embed with YouTube Iframe API
var tag = document.createElement('script');

      tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

// YouTube embed player details
      var player;
      function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
          height: '390',
          width: '640',
          videoId: '668nUCeBHyY',

//Features
playerVars: {
            'controls': 0,
            'rel': 0,
            'disablekb':1,
          },
        });
      }

//functions
function playYT() {
        player.playVideo();
}

function pauseYT() {
        player.pauseVideo();
}
<div style="pointer-events:none" id="player"></div><br><br>
<button onclick="playYT()">Play</button>
<button onclick="pauseYT()">Pause</button>

相关问题