javascript - 在 <script> 标记中附加到 URL 末尾时调整宽度和高度

Question

我正在着陆页中嵌入一些视频。我正在尝试通过媒体查询根据屏幕大小响应地调整视频大小。通过将宽度和高度与 <iframe> 分开，YouTube 视频取得了巨大成功.我看到了现在由 Ooyala.com 托管的视频，他们的嵌入代码使用了 <script>将高度和宽度附加到 URL 末尾的标记。

例如

<script src="http:// player.ooyala.com/player.js?width=640&video_pcode=xxxxxx&embedCode=xxxxxx&height=360xxxxxx"><script>

我知道这是 JavaScript，但对 JavaScript 不够熟悉，不知道我是否可以以某种方式分离宽度和高度并将其合并到 CSS 中，或者是否有一种方法可以在 JavaScript 中设置它，将其更改为基于屏幕尺寸的 3 个不同尺寸点。

我希望从标准 W=640 H=360 开始，我的下一个点将是 W=390 H-219，& W=250 H=141。

任何可以帮助我解决这个问题的 JS 专家。非常感谢所有情报。

谢谢!

Answer 1

该脚本将在 div 中呈现播放器，然后您可以使用自己的样式表设置样式 - 您只需要检查播放器，以便您可以看到要在 CSS 中使用的 id 或类。 Ooyala 提供了有关自定义播放器样式的详细信息，包括宽度和高度，here .