javascript - 如何使 <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>

如何使视频的宽度和高度适合容器“播放器”？ 我想拉伸(stretch)视频。

Answer 1

它适用于以下 CSS 行:

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

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

您可以在 this jsfiddle 上试用我的解决方案.

干杯， 托马斯。