mediaelement.js - 如何在控制栏中隐藏持续时间？

Question

我只想隐藏视频中的持续时间。这是我在 wordpress 页面上的代码：

<video width="720" height="405" poster="/wp-content/uploads/videos/HomeVideo.png" controls="controls" preload="true">
<!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->
<source type="video/mp4" src="/wp-content/uploads/videos/HomeVideo.mp4" />
<!-- WebM/VP8 for Firefox4, Opera, and Chrome -->
<source type="video/webm" src="/wp-content/uploads/videos/HomeVideo.webm" />
<!-- Ogg/Vorbis for older Firefox and Opera versions -->
<source type="video/ogg" src="/wp-content/uploads/videos/HomeVideo.ogv" />
<!-- Flash fallback for non-HTML5 browsers without JavaScript -->
<object width="720" height="405" type="application/x-shockwave-flash" data="flashmediaelement.swf">
    <param name="movie" value="flashmediaelement.swf" />
    <param name="flashvars" value="controls=true&file=HomeVideo.mp4" />
    <!-- Image as a last resort -->
    <img src="/wp-content/uploads/videos/noplay.png" width="720" height="405" />
</object>

我删除了 php 功能中的“持续时间”，但这没有任何影响。有任何想法吗？

Answer 1

好的，我自己找到了解决方案。只需将代码更改为：

[视频 mp4="/wp-content/uploads/videos/HomeVideo.mp4" ogg="/wp-content/uploads/videos/HomeVideo.ogg" webm="/wp-content/uploads/videos/HomeVideo.webm" poster="/wp-content/uploads/videos/HomeVideo.png" preload="true" current="false" width="720" height="405"]

并添加到 CSS

.mejs-controls .mejs-time {可见性：隐藏！重要；显示：无！重要；}