在使用videojs初始定寬高或者給<video>寫定寬高后,在全屏狀態下會導致視頻在左上角展開,保持着之前寫定的寬高,而沒有實現真正全屏。
如果通過JS在點擊全屏按鈕后改變video的寬高,需要查閱videojs文檔,實現方式比較復雜(原因還是太菜)。
其實通過CSS實現全屏是最方便的,只需要在video外部套一個<div class="videoWrap">,
然后把原本需要的寬高寫在videoWrap上,對於<video>我們只要給一個{width:100%},不需要寫定高度。
這樣就不會出現因為<video>寫定寬高而導致全屏不能真正鋪滿屏幕。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM