Как кнопку плеера HTML5 разместить в центре?

Question

[sergeysd]

Привет!
Разместил код плеера на странице:

<video id="content_video_<?= $model->id ?>" class="video-js vjs-default-skin" loop controls muted autoplay preload="auto" width="768px">
    <source src="<?= $model->getVideoUrl() ?>" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
    <source src="<?= $model->getVideoUrl('webm') ?>" type='video/webm; codecs="vp8, vorbis"'>
</video>

Все хорошо, только почему-то на мобильном устройстве кнопка пуска находится в левом верхнем углу.

Очень неудобно прицеливаться. Как бы сделать так, чтобы она была по центру и плеер можно было бы пускать видео нажав в любом месте окна плеера?
Спасибо всем, кто поможет.

Answer 1

[Олег]

Экстрасенчы в других форумах.
По сути html 5 плеер с любым скином делается черз API
https://developer.mozilla.org/en-US/docs/Web/Guide...

Answer 2

[xmoonlight]

Надо создать объект-контейнер и повесить на него (и на другие, при клике на которые необходимо включать или останавливать видео) событие toggle.
Про выравнивание - это стили CSS.