2016-12-21 47 views
0

我已經使用Drupal模塊將視頻配置爲響應,在這種情況下,使用的方法將視頻設置爲與屏幕一樣寬,如此處所述Drupal的問題 - Can an embedded video be made responsive?如何將響應區域設置爲最大或最小寬度

這在移動電話上很好,但在筆記本電腦和臺式機上,視頻擴展到適合整個屏幕,使它們變得太大和顆粒感。我可以使用什麼樣的CSS來設置臺式機和筆記本電腦的限制,同時在手機上保留響應選項?

+0

你試過['max-width'](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width)嗎? –

回答

1

您可以動態地設置視頻的高度/寬度,或者你可以擁有它周圍的DIV與最大寬度,例如:

<div style="max-width: 500px;"> 
    <video/> 
</div> 

或者類似的東西:

<video style="width: 854px; height: 480px;"></video> 
相關問題