Воспроизвести видео HTML5

Question

Существует ли готовый к использованию код или какой-либо другой тип, позволяющий включить полноэкранную кнопку в Safari для видео?В настоящее время, когда видео загружается, и клик по нему не работает.

<video width="320" height="240" controls="controls" name="media" src="urlvideo">Text</video>

Какие типы поддерживаются для тега видео?Нужно ли использовать type = audio / mp3 для воспроизведения mp3 и type = audio / wav и т.д ....?

Между прочим, видео интерфейс выглядит по-разному в каждом браузере или не работает вообще... есть ли способ, чтобы они все выглядели одинаково и работали во всех браузерах?

Answer 1

Для воспроизведения видео, когда пользователь нажимает на него:

    document.querySelctor('video').addEvenetListenr('click', function(){
         this.play()
    }, false);

Для полноэкранного режима используйте Webkit и Полноэкранный API Gecko

Answer 2

Во-первых, не все браузеры имеют одинаковые видеокодеки, поэтому не все браузеры могут воспроизводить одно и то же видео. Я бы посоветовал посмотреть здесь, чтобы выбрать формат, поддерживаемый браузерами, на которые вы ориентируетесь:
Поддержка HTML5 видеокодека в браузере

Специально для Safari, я получил этот JavaScript для работы, чтобы получить видео для воспроизведения в полноэкранном режиме:

var vid = document.getElementById('video');
vid.webkitEnterFullscreen();
vid.play(); 1011 *
*

Кроме того, ознакомьтесь с этой темой: Веб-приложение - iPad webkitEnterFullscreen - Программно полноэкранное видео

Надеюсь, это поможет!

Answer 3

* Чисто 1000