滚动自定义控制按钮

发布于 2024-12-14 07:24:30 字数 519 浏览 2 评论 0原文

你有关于为 mejs 定制皮肤图形/CSS 的参考或教程吗?

这是我所做的:

我复制了 mejs-skins.css 文件中的 mejs-ted 块,并将其元素重命名为 mejs-custom.我创建了一个与现有 control-ted.png 类似的新 PNG 文件,并记下了每个控件的坐标。通过这些坐标,我更改了 mejs-custom 中的 x/y 偏移量(我也确实可以使用帮助)。

但是现在如何激活这个皮肤呢?您能否确认上述技术是创建皮肤的正确程序?

http://mediaelementjs.com 源代码具有可切换的皮肤,但切换机制在代码中相当模糊,并且 < mu 发行版的 demos 部分缺少 code>mediaelementplayer-skins.html 文件。

do you have a reference or tutorial on customizing skins graphics/css for mejs?

here's what i've hacked on:

i copied the mejs-ted block in the mejs-skins.css file and renamed its elements to mejs-custom. i created a new PNG file similar to the existing control-ted.png and noted the coordinates of each control. with those coordinates i changed the x/y offsets in mejs-custom (i could really use help with that, too).

but now how to activate this skin? and can you confirm the technique above is correct procedure to create skins?

http://mediaelementjs.com source has switchable skins, but the switching mechanism is pretty well obfuscated in the code, and the mediaelementplayer-skins.html file is missing from the demos section of the mu distribution.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

澜川若宁 2024-12-21 07:24:30

设置您的播放器,然后使用 changeSkin() 方法将您的皮肤类添加到容器 div 中,这会反映在您的皮肤 css 文件中。

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


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

然后您可以设置所有元素的样式。

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

Set up your player then use the changeSkin() method to add the class of your skin to the container div, which is reflected in your skin css file

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


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

Then you can style all the elements.

.skin-container-class .mejs-controls {
/*stylez*/
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文