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

时间:2011-11-07 21:43:19

标签: mediaelement.js

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

任何建议都将不胜感激。

5 个答案:

答案 0 :(得分:13)

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

设置features属性:

features: []

将此插入您的css:

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

通过点击视频,您可以暂停播放。

答案 1 :(得分:8)

你必须将这些答案结合起来:

  1. 设置

    features: [],
    
  2. 将此插入您的css:

    .mejs-container .mejs-controls {
      display: none !important;
    }
    
  3. 重要

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

答案 2 :(得分:4)

  

完全删除视频代码中的“controls”属性。

     

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

小心删除视频标记中的属性。从视频标记中删除“controls”属性会导致Safari出现错误:Safari不再播放该视频。在授权播放视频之前,它与Safari等待加载控件(无论是否是本机)有关。

答案 3 :(得分:3)

设置MediaElement选项时,您可以设置功能:

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

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

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

答案 4 :(得分:1)

完全删除视频代码中的“controls”属性。

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

通常在视频标记中,应将所有要设置为false的属性完全删除,而不是将其设置为“false”或“”。