隱藏視頻並收聽音頻

-1

我試圖隱藏我的視頻播放器來模擬唯一的音頻執行。我不想在我的.jsp頁面看到任何玩家。我使用VideoJS作爲播放器。隱藏視頻並收聽音頻

這是HTML代碼：

<div id="player-container"> 
    <audio id="player" 
      class="video-js" 
      autoplay="autoplay" 
      preload="auto" 
      width="640" 
      height="380" 
      data-setup='{}'> 
    <source src="path/to/my/video" type='video/mp4'/> 
    </audio> 
</div>

爲了更好地實現我的目標我嘗試了不同的解決方案，但他們並沒有正常工作。

第一種是使用JQuery設置我的播放器的寬度和高度：

$("#player-container").width(1).height(1);

但這種方式對IE11和Mozilla Firefox的視頻不會加載。它至少需要5個寬度和高度，但它變得可見。

然後我試圖使用jQuery的.hide()：

$("#video-js-player-container").hide();

但這種方式我的視頻根本不會啓動。

我能做些什麼來隱藏播放器只聽視頻的音頻？

來源

2016-10-28 DistribuzioneGaussiana

'opacity：0;'或'visibility：hidden;'。或者使用定位將視頻從屏幕上移開 – LuudJacobs

爲什麼不直接以編程方式加載東西，而不是手動向DOM中添加不需要的東西？ – PeeHaa

你流媒體嗎？使用videoJS有什麼意義？ – Lazyexpert

您可以嘗試一些不同的CSS值來隱藏視頻。

#player-container { 
    display: none; 
    visibility: hidden; 
    opacity: 0; 

    /* somewhat hacky */ 
    position: absolute; 
    top: -9999px; 
    left: -9999px; 
    /* or */ 
    clip-path: polygon(0px 0px,0px 0px,0px 0px,0px 0px); 
}

嘗試在CSS中使用任何一種方法，並確定哪種方法在您的情況下效果最好。

來源

2016-10-28 19:26:55

隱藏視頻並收聽音頻

回答

相關問題