如何使<object>視頻適合父容器的寬度和高度

<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>

如何使視頻的寬度和高度適合容器「播放器」？我想拉伸視頻。如何使<object>視頻適合父容器的寬度和高度

來源

2014-01-06 Maxpan

'width：100％;身高：100％'在CSS中？ – BenM

或者stretchToFit'value ='1' – mplungjan

我已經嘗試了stretchToFit屬性，但它不起作用，我不知道該屬性在哪種情況下工作。 – Maxpan

它與下面的CSS行：

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

注意，您可以設置一個div元件上的width和height屬性。這不起作用，您只能使用CSS規則或通過style屬性來設置div元素的大小。

你可以在我的解決方案上玩this jsfiddle。

乾杯，托馬斯。

來源

2014-01-06 13:09:55 tzi

「pl」的寬度是2000px，但我們可以看到的視頻也小於2000px – Maxpan

在我給出的例子中，＃pl元素的寬度爲2000px：http：//fiddle.jshell。 net/tzi/dqLwy/show/ – tzi

你確定它在你的電腦上小於2000像素嗎？你使用的瀏覽器是什麼？ – tzi

如何使<object>視頻適合父容器的寬度和高度

回答

相關問題