2011-11-09 98 views
2

您是否有參考或教程來定製皮膚圖形/ css for mejs?滾動自定義控件按鈕

這裏就是我砍死於:

我在mejs-skins.css文件複製mejs-ted塊改稱元素mejs-custom。我創建了一個類似於現有的control-ted.png的新PNG文件,並記下了每個控件的座標。與那些座標我改變了mejs-custom中的x/y偏移量(我也可以真正使用它的幫助)。

但現在如何激活這個皮膚?你可以確認上面的技巧是創建皮膚的正確程序嗎?

http://mediaelementjs.com源代碼具有可切換外觀,但切換機制在代碼中很好模糊處理,並且在mu分佈的demos部分中缺少mediaelementplayer-skins.html文件。

+1

我認爲changeSkin()是關鍵......我應用它不正確? 成功:function(mediaElement,domObject){0} {0} {0} mediaElement.changeSkin('mejs-custom'); \t mediaElement.play(); }, – russ24

+1

而不是如上所述切換外觀,我砍了默認'mediaelementplayer.css'中的'.mejs-controls'項。通過改變'.mejs-controls .mejs-button button'的高度/寬度,修改各種元素的'background-position:',你可以想出一個相當簡單的自定義皮膚近似。 – russ24

+0

這變成了一個怪誕的混亂。我必須得出結論,mediaelement.js不適合像我這樣的熱情的業餘愛好者,並且將其留給那些明確表示意圖的硬核愛好者。 – russ24

回答

1

設置您的播放器則使用changeSkin()方法的類你的皮膚添加到div容器,這反映在你的皮膚的css文件

var player = new MediaElementPlayer('#player-ID'); 


    player.changeSkin('skin-container-class'); 

然後你可以樣式的所有元素。

.skin-container-class .mejs-controls { 
/*stylez*/ 
}