mediaelement.js - 視頻縮放選項（例如'適合'或'填充'）

是否有人知道如何在MEJS播放器內縮放視頻內，以便播放器本身可以處理任何信箱或列表框操作？類似於JWPlayer具有「合適」和「填充」選項的方式。mediaelement.js - 視頻縮放選項（例如'適合'或'填充'）

本質上我有一個玩家在一個包裝中，我根據用戶屏幕分辨率調整包裝。像這樣：

<div id="video_dims_wrapper" style="width: 1280px; height: 720px;"> 
    <video id="video_player" width="1280" height="720" controls="controls" preload="none" autoplay="autoplay" style="width: 100%; height: 100%;">   

     <source type="video/mp4" src="my_video.mp4" /> 
     <source type="video/webm" src="my_video.webm" /> 

     //Flash fallback removed for brevity 

    </video> 
</div>

然後我剛調整#video_dims_wrapper和其中所包含的MEJS元件相應地調整大小（由於寬度：100％;高度：100％;樣式聲明）。

這種運作良好，如果所有視頻都是相同的縱橫比（16：9在這種情況下），但如果恰好是不同的寬高比的視頻，然後它不中玩家調整而是將總玩家規模提高。

我想要發生的是，playe始終保持16：9的寬高比，並且視頻隨需縮放以適合播放器和播放器的信箱或列框。

有人碰到過這個嗎？任何解決方案

感謝您的任何幫助。

來源

2013-02-14 AJB

我試圖在Wordpress環境中做同樣的事情。對不起，這件事發生了，但是我花了很多時間。但在查看mediaelement.js的源代碼時，我發現此屬性：

//通過JS而不是CSS設置尺寸 setDimensions：true; //（是默認屬性）。

我只是將它切換到init時爲false（所以我不編輯源文件）。並與CSS的樣式。瞧！奇蹟般有效：）。只能說這個時髦的腳本是記錄不好的！當然，我在分銷商網站上搜索這樣的屬性，並搜索了幾個小時......但從未發現任何地方報告過。

希望我可以幫助這個人;）。只爲搜索引擎，我搜索了這些標籤： WordPress的視頻信箱嵌入閃回fallback mediaelement.js wp-mediaelement.js

來源

2015-04-18 12:38:33

mediaelement.js - 視頻縮放選項（例如'適合'或'填充'）

回答

相關問題