如何在wordpress / php中调整移动模式的视频大小?

时间:2017-07-14 15:06:17

标签: php html wordpress video mobile

大家好,我使用以下代码在front-page.php代码中添加了一个视频:

<div style="text-align: center" id="video"> 
<iframe width="867" height="488" src="https://www.youtube.com/embed/6c7Fx2PR9Dk" ></iframe></div>

(由于某些原因,代码编辑器无法正常工作) 但是当我尝试使用#video在移动模式下更改宽度和高度时,它不会改变。任何帮助表示赞赏!

编辑:我添加了一个class = container,并将宽度更改为100%,将height更改为auto。这样做效果好一点,但现在容器的高度需要更大。我似乎无法找到添加代码的位置来编辑它。

2 个答案:

答案 0 :(得分:0)

我无法看到您的代码,但我相信使用CSS和媒体查询可以更轻松地实现此目的。假设您的视频播放器配置为占据容器宽度的100%。

答案 1 :(得分:0)

实际上你必须使用以下cass才能使其达到全宽

#video iframe {
width:100%!important
}

Fitfids.js非常适合制作iframe,视频嵌入响应。您可以尝试将其用于终极视频响应解决方案。