Videojs播放按鈕，而視頻在Safari僅

我有，是造成我的this page問題嚴重惱人的錯誤玩，但只能在Mac上使用Safari 6.1顯示。我正在使用videojs庫進行視頻檢測，並在舊版瀏覽器上回退到Flash。 videojs庫在初始化時爲每個視頻添加一個播放按鈕到DOM，您可以點擊開始播放視頻。它還有益補充VJS-暫停和VJS扮演取決於其狀態的視頻容器，和我使用這些隱藏在視頻播放的播放按鈕。Videojs播放按鈕，而視頻在Safari僅

在Safari 6.1以上的所有瀏覽器上都可以正常工作，但在此瀏覽器中，第一個視頻播放正常，但後續任何視頻在播放時都會在視頻頂部顯示播放按鈕，這非常難看。最煩人的是，如果我打開開發工具並取消勾選顯示：無樣式然後重新打勾，它突然正常工作。這就像給瀏覽器一個戳，它突然意識到「嘿，我不應該顯示這個，我更好地隱藏它」。

如果任何人都可以給我是什麼原因造成這一點，我會很感激，因爲我要瘋了試圖弄明白任何指針。

感謝

編輯：終於想通這一個，想過我會離開這個答案在這裏防止有人遇到同樣的問題我。它會在videojs腳本的多個實例加載到頁面上時發生。他們最終會相互衝突。希望這可以幫助任何人遇到同樣的問題。感謝您的迴應傢伙。

來源

2014-02-24 El Guapo

我一直在做更多的調查，如果我把我所有的videojs事件處理出如暫停/播放/結束，則仍然出現錯誤，而且永遠只發生在有頁面上的多個視頻。 [這是一個簡化版本的頁面]（http://www.topshop.com/test/video-template/videojs-control.html）進行測試。 –

對不起，我用Safari 7.0.2把它關了，它也在那裏。所以它比你更寬，它也是最新的safari。它必須是它們在* display中添加的方式：none *，因爲在我的Safari中我甚至無法用檢查器觸發它，並且樣式確實顯示它，計算出的值完全忽略它。我會仔細研究它，但是你的所有代碼都會被縮小。不幸的是，我現在可以給你的最好的建議是將這個錯誤報告給videojs庫的開發者。 – Idra

我沒有訪問這裏MAC，但你嘗試過將backface-visibility CSS屬性的播放按鈕？

Here is a similar link，復位CSS3硬件加速/ GPU相關的屬性往往固定奇怪的顯示錯誤給我。祝你好運！

來源

2014-03-21 01:31:49

Videojs播放按鈕，而視頻在Safari僅

回答

相關問題