强制 Video.js 播放器粘在浏览器边缘（响应式？）

Question

关于这个问题有一些问题，遗憾的是对我来说没有一个有效。

首先我想给你看一张截图，以便你明白我的要求

这是我当前的嵌入代码：

<div class="embedded clear-adblock">
   <div style="position: relative !important; width: 100% !important; height: auto !important;">
      {% include '@themePath/account/partial/_preview_video_'~videoPlayer~'.html.twig' with {'IS_EMBED': IS_EMBED} %}
   </div>
</div>

我尝试过调整宽度和高度，高度用0和auto。尝试定位并启用 vjs 流体

Answer 1

与 video.js 中一样，在浏览器上运行 HTML 文件后，将会有 动态渲染的类。因此，不要将内联CSS放在嵌入上，检查视频元素，您将获得必要的类，在从该视频容器中找到这些基本类后，按照您想要的方式使用嵌入式CSS进行样式化页面，我认为这会对您有所帮助。