jquery - Flowplayer 5.1.1 视频宽度

Question

我已经下载并在我的网站中插入了 flowplayer 版本。5.1.1。

<script src="_scripts/flowplayer/flowplayer.min.js"></script>
<div class="flowplayer" data-swf="_scripts/flowplayer/flowplayer.swf" data-ratio="0.417">
   <video poster="files/poster.png">
       <source type="video/webm" src="files/video.webm"/>
       <source type="video/mp4" src="files/video.mp4"/>
       <source type="video/ogv" src="files/video.ogv"/>
   </video>
</div>

播放器和视频都OK！如果我点击它，它会播放！唯一的问题是播放器比容器 div 大。

如何更改播放器宽度？我尝试使用 css 但没有结果。有什么帮助吗？

Answer 1

您可以在包含的 div 上指定它。

<div class="flowplayer" 
    data-swf="https://<?=$_SERVER['HTTP_HOST'];?>/flowplayer5/flowplayer.swf" 
    data-ratio="0.5265" 
    style="width:<?=$width;?>px;height:432px;">