Question

我使用Drupal模块将视频配置为具有响应性，在这种情况下，使用的方法将视频设置为与屏幕一样宽，如本Drupal问题所述 - Can an embedded video be made responsive?

手机很好，但在笔记本电脑和台式机上，视频会扩展到整个屏幕，使它们太大而且太粗糙。我可以使用哪种CSS来设置台式机和笔记本电脑的限制，同时在手机上保留响应选项？

Answer 1

您可以动态设置视频的高度/宽度，也可以在其周围加上最大宽度的div，例如：

 <form action="dnscheck.php" target="my_iframe" class = "input" method="post">
     <label class = "label" for="other">Verify Domain Connection</label><br />
     <input class = "field" type="text" name="domain" /><br />
    <input type="submit"  class = "btn" name="submit" value="Verify" />
    <iframe class="iframe" name="my_iframe" src="not_submitted_yet.aspx"></iframe>
    <label name="result" id="result></label>
</form>

或类似的东西：

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

如何将响应区域设置为最大或最小宽度

1 个答案: