Wie man die Starttaste in der Mitte des Clips platziert

Question

Ich fand die Designer-Seite auf http://www.videojs.com/ dort können Sie die Position der Start-Taste in der Mitte Ihrer Clips zu ändern.

Ich kann diese Stylesheets jedoch nicht auf dem video.js-Player platzieren oder verwenden. Könnte jemand erklären, wie man es im Player benutzt? E. G. die bestehende CSS mit einer extra Datei zu erweitern? oder wie man die vorhandene CSS ändert, um den Button nicht links oben, sondern in der Mitte zu platzieren?

Danke. Katasun

Answer 1

Mit Version 4.1.0:

In Video-js.css, in .vjs-default-skin .vjs-big-play-button (Linie 484+) ersetzen:

top: 2em; 
left: 2em; 
margin: 0; 

mit:

top: 50%; 
left: 50%; 
margin-left: -6em; 
margin-top: -4em; 

-6em und -4em, weil die Breite 12em und die Höhe 8em ist

hatte gerade das gleiche Problem und musste es dieses beheben Art und Weise :) Arbeiten auf der neuesten Chrome, Firefox, Safari und Opera, nicht auf IE nicht getestet, ich bin auf OSX

Answer 2

ich eine Version von VideoJS geändert habe, wo Sie die Play-Taste überall platzieren können. Dies bedeutet auch, dass Sie das Miniaturbild auf IOS-Geräten (das muss nicht die Mitte sein) sowieso berühren und das Video ausführen wird. http://www.andy-howard.com/recreate-bbc-iplayer/index.html

Answer 3

Sie können der Videoklasse 'vjs-big-play-centered' hinzufügen.

<video id="player" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="700" height="450" poster="http://www.videojs.com/img/poster.jpg"><source src="" type="video/mp4"></video>