如何刪除加載器圖標形式嵌入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

一個例子