రెస్పాన్సివ్ వెబ్ పేజ్ డిజైన్ - వీడియో
- పూర్వ పేజీ RWD ఇమేజ్
- తదుపరి పేజీ CSS గ్రిడ్ లేఆఉట్ మాడ్యూల్
使用 width 属性
如果 width 属性设置为100％，则视频播放器将响应并放大和缩小：
ఉదాహరణ
video {
width: 100%;
height: auto;
}
请注意，在上面的例子中，视频播放器可以放大到大于其原始尺寸。在许多情况下，更好的解决方案是改用 max-width 属性。
使用 max-width 属性
如果将 max-width 属性设置为 100％，则视频播放器将按比例缩小，但绝不会放大到大于其原始尺寸：
ఉదాహరణ
video {
max-width: 100%;
height: auto;
}
在实例网页中添加视频
మేము ఉదాహరణ వెబ్పేజీలో వీడియోను జోడించాలని ఆశిస్తున్నాము. వీడియో ఎల్లప్పుడూ అన్ని లభించిన స్థలాన్ని పాలించుకుంటుంది:
ఉదాహరణ
video {
width: 100%;
height: auto;
}
- పూర్వ పేజీ RWD ఇమేజ్
- తదుపరి పేజీ CSS గ్రిడ్ లేఆఉట్ మాడ్యూల్
