video.js - 動画の途中にスタートボタンを配置する方法

Question

http://www.videojs.com/でデザイナー ページを見つけました。ここで、開始ボタンの位置をクリップの中央に変更できます。

しかし、このスタイルシートを video.js プレーヤーに配置したり使用したりすることはできません。誰かがプレーヤーでそれを使用する方法を説明できますか. EG 既存の css を追加のファイルで拡張しますか? または、既存のcssを変更して、ボタンを左上ではなく中央に配置する方法は?

ありがとう。カタスン

Answer 1

バージョン 4.1.0 を使用:

video-js.css の.vjs-default-skin .vjs-big-play-button(484 行目以降) を次のように置き換えます。

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

と：

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

-6em と -4em は、幅が 12em で高さが 8em であるためです。

同じ問題があり、この方法で修正する必要がありました:)最新のクロム、Firefox、サファリ、オペラで動作し、IEでテストしませんでした。私はOSXを使用しています