Question

我是法国设计师（对不起我的英语错误），我正在尝试创建一个包含在youtube上托管的不同视频的互动视频。这些视频已经使用了youtube的“注释”或“卡片”，但我想隐藏它们以创建我自己的解决方案。

基本上我只想在视频的某个时间码上显示两个div，以允许用户点击其中一个来转到新的网址。这件事有效。

我的问题很简单：如何隐藏现有的注释？ 我试过用css，但它似乎不起作用...... 我不是全职开发人员，所以如果你知道一个简单的解决方案，我会很高兴知道它：）

这是代码

<div id="player"></div>
<script>
  var tag = document.createElement('script');

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

  var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      height: '360',
      width: '640',
      videoId: 'mVwQFmKc7mA',
      playerVars: { 'autoplay': 1, 'controls': 1, 'rel': 0, 'showinfo': 0, 'iv_load_policy': 3 },
      events: {'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange}
    });
  }

  function onPlayerReady(event) {
    event.target.playVideo();
  }

  var done = false;
  function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING && !done) {
      setTimeout(displayNewDivs, 2000);*/
      done = true;
    }
  }
  function displayNewDivs() {
    // HERE THE CODE TO SHOW NEW DIVS
  }

</script>

非常感谢！

隐藏youtube注释

0 个答案: