0
A
回答
0
試試這個CSS的響應式視頻。您需要創建一個容器,然後運行在一個子元素的視頻(如一個iframe):
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
好的教程HERE
相關問題
- 1. 設置視頻的寬度和高度
- 2. 由css控制的標籤和輸入標籤寬度
- 3. 視頻標籤的高度取決於屏幕的寬度
- 4. 100%寬度視頻和500px高度
- 5. 高度和寬度的ActionBar標籤
- 6. 如何獲取Instagram視頻的視頻高度和寬度?
- 7. 使視頻寬高比保持最大100%寬度和高度
- 8. 文字控制高度和寬度?
- 9. 製作一個Youtube視頻全高和寬度覆蓋視頻
- 10. css寬度和高度不起作用
- 11. 使用JavaScript獲取HTML5視頻的寬度和高度?
- 12. 如何設置TabPanel標籤寬度和標籤高度?
- 13. 什麼CSS標籤跨度的寬度?
- 14. 強制控制寬度或高度?
- 15. CSS的高度和寬度的問題
- 16. 使用CSS控制高度
- 17. 使用jQuery來控制視頻標籤
- 18. CSS:單元格的「寬度」和「高度」
- 19. 如何控制捕獲的視頻的幀高和寬度:setVideoSize()不起作用
- 20. 修復A標籤高度/寬度?
- 21. 如何刪除CSS寬度和高度並從img標籤設置我自己的最大寬度?
- 22. 使用jQuery去除元素上的寬度和高度標籤?
- 23. 如何使用JavaScript設置div標籤的高度和寬度?
- 24. UITableViewCells的不同高度的標籤改變標籤的寬度
- 25. Javascript替代高度,寬度控制
- 26. HTML和body標籤的邊距,填充,高度和寬度
- 27. 視頻循環100%瀏覽器的高度和寬度
- 28. 100%寬度和固定高度的背景視頻
- 29. 如何讓視頻播放器的流體寬度和高度?
- 30. 當設置swf的高度和寬度時,視頻消失
謝謝您的回答。但我只想知道我犯了什麼錯誤。 ><「 – 2015-02-24 11:38:42
視頻不是正方形,您已將」min-height「設置爲100%,因此寬度將始終大於100%,請嘗試移除」min-height「並查看會發生什麼。 – sideroxylon 2015-02-24 11:48:12
我已經設置對象適合覆蓋,我認爲視頻將適合我設置的尺寸,我也嘗試刪除最小高度或將其改爲高度,但高度仍高於我的預期。 – 2015-02-24 13:04:24