如何删除加载程序图标表单嵌入youtube视频

Question

我在我的项目中使用tublar jquery插件来嵌入YouTube视频。但我想从嵌入式YouTube视频中删除加载程序图标。请帮忙。  Screenshot here

Answer 1

加载图标由YouTube播放器而非插件生成。 Tubular只是YouTube iframe API的包装器。

“隐藏”图标的选项是在视频加载时隐藏整个播放器。您可以将回调附加到window.onPlayerStateChange，以检查播放器是否真的在播放视频。

CSS：

#tubular-container {
  display: none;
}

的Javascript / jQuery的：

$(function() {
  $('#wrapper').tubular({
    videoId: 'ab0TSkLe-E0',
    start: 3
  });

  window.onPlayerStateChange = function(state) {
    if (YT.PlayerState.PLAYING == 1) {
      $('#tubular-container').show();
    }
  };
});

以下是JS Bin

的示例