Mediaelement.js，HTML5和Flash視頻：越來越高度和寬度爲100％

Question

我想打一個視頻出現在100％的寬度和視口的100％的高度。我爲視頻使用Mediaelement.js，這可確保在Chrome，Safari和IE9中進行本地播放，併爲Firefox和IE8提供Flash後備。

問題是，在本機播放或Flash播放視頻不走包含div的一路100％的高度。它在頂部和底部留下間距，以說明視頻的寬高比。

退房在http://badlands777.com/test

一個例子是可以進行視頻完整填寫包含div？在原生標籤以及Flash後備播放器中？

Answer 1

你需要一個樣式屬性添加到您的視頻標籤，以高度和寬度設置爲100％。

<video style="width: 100%; height: 100%;" 

mediaelement.js會將值傳輸到輸出HTML中的相應部分。