使用mediaelement.js獲取HTML5視頻以針對響應式設計進行縮放

我目前使用wordpress的mediaelement.js插件，它似乎很好用。使用mediaelement.js獲取HTML5視頻以針對響應式設計進行縮放

在我嘗試使用@media屬性創建自己的第一個響應式CSS設計/主題時，我注意到mediaelement.js支持的視頻不會縮放，也不會響應屏幕的大小。

儘管我設置了CSS，但看起來mediaelement.js會主動放置它自己的內聯CSS樣式表。

考慮到這一點，是否有可能使用mediaelement.js並根據響應速度來縮放視頻。

感謝

來源

2011-12-19 zardon

我使用mediaelementjs了。它似乎在響應式設計中完美地適合我。

我遵循了Github上MEjs開發人員John Dyer的一些提示。

在那裏，他指出，你需要在你的視頻標籤內嵌樣式

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

他確實讓其他幾個三分球，所以我建議在https://github.com/johndyer/mediaelement

來源

2012-03-01 08:50:09

哦，謝謝！我很感激。你必須這樣做似乎有點愚蠢，但我想如果你必須這樣做，你必須這樣做。我現在就接受它，但歡迎進一步的評論。 – zardon 2012-03-01 18:33:02

我使用了相同的內聯樣式技術，通過在幾個stackoverflow線程中挖掘數據後，通過查看demos/mediaelementplayer-responsive.html文檔來獲得該技術。 – starpause 2012-09-01 22:03:35

-1

object, embed, video, iframe { 
max-width:100%;

}

來源

2011-12-20 21:03:09 Emil

的meidaelement檢查出GitHub的頁面用於Wordpress的.js插件具有內聯樣式表，這意味着每個div，類，跨度等具有固定的寬度。我試圖刪除在線樣式表並將其放置在另一個CSS文件中，但它具有更奇特的效果，例如疊加在不正確的位置，並且在瀏覽器屏幕更改時無法縮放。 – zardon 2011-12-22 17:11:17

使用mediaelement.js獲取HTML5視頻以針對響應式設計進行縮放

回答

相關問題