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

Posted 2023-05-07

【中文标题】Mediaelement.js - 想要删除所有控件 - 仅显示视频

【英文标题】：Mediaelement.js - Would like to Remove ALL Controls - Only Display Video

【发布时间】：2011-12-23 23:43:50

【问题描述】：

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

任何建议将不胜感激。

【参考方案1】：

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

设置features属性：

features: []

在你的css中插入这个：

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

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

【参考方案2】：

你必须结合这些答案：

设置

features: [],

在你的css中插入这个：

.mejs-container .mejs-controls 
  display: none !important;

重要

当你这样做时，你不能通过点击来暂停视频。

【讨论】：

这个接受的答案。第 2 点去除黑色搜索阴影。

【参考方案3】：

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

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

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

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

【讨论】：

这只是删除栏内的选项，但不会删除栏。该栏显示其中没有任何选项。我正在尝试完全删除该栏。

我认为您必须进入 mediaelement 提供的 css 才能将其删除或制作自己的自定义 css 皮肤。

【参考方案4】：

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

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

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

【参考方案5】：

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

<video id="my-video" preload="auto"  >

一般在视频标签中，任何你想设置为假的属性都应该被完全删除，而不是设置为“假”或“”。