如何将<object>视频适合父容器的宽度和高度</object>

Question

<div id="player" width='2000px' height='600px'>
<object  id="pl" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
    <param name='url' value='Video/3.mp4'/>
    <param name='ShowControls' value='-1' />
    <param name='ShowDisplay' value='-1' />   
    <param name='ShowStatusBar' value='-1' />
    <param name='stretchToFit' value='0' />
    <param name='uiMode' value='none' />  
</object>
 </div>

如何将视频的宽度和高度调整到容器“播放器”？ 我想拉伸视频。

Answer 1

它适用于以下CSS行：

#player {
    width: 2000px;
    height: 600px;
}
#pl {
    height: 100%;
    width: 100%;
}

注意，您在width元素上设置了height和div属性。 这不起作用，您只能使用CSS规则或div属性调整style元素的大小。

您可以在this jsfiddle上使用我的解决方案。

干杯， 托马斯。