Mediaelement.js - 想要删除所有控件 - 仅显示视频

Question

我正在尝试用 mp4 替换网页中的 swf 标题。我喜欢 MediaElement.js，但无法删除控件。我不想隐藏控件，我想完全删除它们......并且只显示循环视频。

任何建议将不胜感激。

Answer 1

我认为更好的解决方案是：

设置 features 属性：

features: []

将其插入您的 css 中：

.mejs-container .mejs-controls { visibility:hidden !important; }

这样您就可以通过单击视频来暂停播放。

Answer 2

您必须结合这些答案：

1. 设置

   功能：[]，
   

2. 将其插入到您的 css 中：

   .mejs-container .mejs-controls {
     显示：无！重要；
   }
   

重要

当您执行此操作时，您无法通过单击视频来暂停视频。

Answer 3

当您设置 MediaElement 选项时，您可以设置功能：

要删除所有内容，只需将其设置为空数组

...
features: ['playpause','progress','current','duration','tracks','volume','fullscreen'],
...

becomes
...
features: [],
...

Answer 4

从视频标签中完全删除“controls”属性。

通常在视频标签中，您要设置的任何属性
false，应该完全删除而不是将其设置为“false”
或“”。

从视频标签中删除属性时要小心。从视频标签中删除“controls”属性会在 Safari 中呈现一个错误：Safari 不再播放视频。这与 Safari 在授权播放视频之前等待控件加载（无论是否是本机控件）有关。

Answer 5

从视频标签中完全删除“controls”属性。

<video id="my-video" preload="auto" width="860" height="650">

一般来说，在视频标签中，任何要设置为 false 的属性都应该完全删除，而不是设置为“false”或“”。