我知道你可以自定義視頻控件來製作你自己的按鈕/佈局,但是有什麼辦法可以讓默認控件變大嗎?HTML5視頻控件 - 製作更大?
3
A
回答
2
不是以跨瀏覽器的方式,而是使用Shadow DOM元素構建控件。至少在Chrome中,您可以在開發工具設置中啓用Show Shadow DOM,檢查視頻播放器控件,然後收集您需要提供以影響這些元素的CSS(在Webkit瀏覽器中)。
對不起,不知道什麼支持在其他瀏覽器檢查和樣式Shadow DOM的東西。
0
下面是一個簡單codepen在這裏你可以看到HTML5視頻控件的一些樣本造型:codepen.io/BainjaminLafalize/pen/GiJwn
它是基於WebKit的瀏覽器只 - 瀏覽器,Opera和Safari。對於Firefox和Edge/IE,目前不可能設計樣式(2017年8月)。
相關問題
- 1. 放大html5視頻的視頻控件
- 2. 隱藏HTML5視頻控制
- 3. HTML5視頻文件大小
- 4. HTML5視頻:將視頻控件移出活動視頻區域
- 5. 用html隱藏html5視頻控件?
- 6. HTML5視頻與自定義控件
- 7. 在Facebook中控制HTML5視頻播放
- 8. 控制HTML5視頻全屏屬性
- 9. 如何用JavaScript控制HTML5視頻?
- 10. 使用jQuery控制HTML5視頻
- 11. 控制滑塊內的HTML5視頻
- 12. HTML5視頻沒有顯示在控制
- 13. 修改默認的HTML5視頻控件
- 14. HTML5視頻錄製
- 15. html5視頻自定義控件
- 16. 帶有NO控件的iPad html5視頻?
- 17. HTML5視頻容器比視頻稍大
- 18. 顯示HTML5視頻控件在Android
- 19. Html5視頻標籤控件的播放時間比視頻長
- 20. HTML5視頻閃回回退。如果能夠控制視頻
- 21. Html5Asp中的HTML5控件 - 視頻問題
- 22. 爲iPad刪除HTML5視頻「控件」
- 23. 使用HTML5視頻和Javascript的自定義控件的視頻
- 24. 在html5 + css中比視頻更寬的控制條
- 25. 定位HTML5視頻播放器控件
- 26. Chrome HTML5內置視頻控件css
- 27. 大型視頻HTML5背景
- 28. HTML5視頻文件大小問題
- 29. 製作的MediaElement一樣HTML5視頻
- 30. 製作html5視頻到全屏