HTML5 Video-Steuerelemente in Chrome und Safari versteckt, aber nicht in Firefox

Question

ich mit HTML 5 Video steuert ein Problem habe, die eingesehen werden können:

http://www.filmsbyben.com/projects/beannchor/

In Chrome und Safari zeigt es richtig ohne Player-Steuerelemente und eine große Play-Taste, mit der das Video abgespielt werden kann. Immer wenn es in Firefox angezeigt wird, werden die Video-Steuerelemente angezeigt.

Ich habe den folgenden Code in das CSS hinzugefügt, die für die Kontrollen erforderlich war, nicht angezeigt werden, aber nicht funktioniert für Firefox hat:

video::-webkit-media-controls-panel { 
    display: none; 
    -webkit-appearance: none; 
} 
video::-webkit-media-controls-play-button { 
    display: none; 
    -webkit-appearance: none; 
} 
video::-webkit-media-controls-start-playback-button { 
    display: none; 
    -webkit-appearance: none 
} 

video::-webkit-media-controls { 
    display: none; 
    -webkit-appearance: none; 
} 

ich auch hinzugefügt haben, ohne Glück in Beziehung controls="false" zu dem Video-Tag haben zu Firefox.

Jede Hilfe würde sehr geschätzt werden.

Answer 1

Entfernen controls Attribute für Video-Tag wie folgt aus:

<video onended="videoEnded(this)" poster="http://www.filmsbyben.com/wp-content/uploads/2016/05/Beannchor-1.jpg" class="full-video video-button-fade" id="video-button-fade"> 
    <source onended="videoEnded(this)" type="video/mp4" poster="http://www.filmsbyben.com/wp-content/uploads/2016/05/Beannchor-1.jpg" src="https://player.vimeo.com/external/133027081.hd.mp4?s=6e831cbf174dc8d972293b3275a3b34711904df8&amp;profile_id=113"></source> 
      Your browser does not support the video tag. 
</video>