HTML5 видео не воспроизводится только в chrome - PullRequest
Новая
       7

HTML5 видео не воспроизводится только в chrome

0 голосов
/ 02 мая 2020

Я использую этот код для воспроизведения видео на веб-сайте WordPress. код отлично работает во всех браузерах, но в chrome элементы управления отключены и видео не воспроизводится. где-нибудь еще, кроме этого сайта, код работает в chrome. Смена темы и отключение плагинов не решили проблему. Я несколько раз менял код и формат видео, но на этом ничего не работает. 

<video width="320" height="240" controls="controls">
<source src=" test.mp4" type="video/mp4" />;
  <source src=" test.ogv" type="video/ogg" />;
  <source src=" test.webm" type="video/webm" />;
</video>

Ответы [ 3 ]

0 голосов
/ 09 мая 2020

ну, проблема действительно была в ssl. Я только что активировал ssl на своем хосте загрузки, и видео воспроизводилось легко и просто. Большое спасибо за ваш ранг подсказки. если этой ссылки не было: w3schools.com/html/tryit.asp?filename=tryhtml5_video, я все еще искал проблему на моем веб-сайте.

0 голосов
/ 11 мая 2020

Я знаю, что на этот вопрос уже есть ответ, но заметка о ваших исходных файлах. Браузеры выбирают первый файл, который они «умеют играть».

Поскольку каждый браузер , поддерживающий видео, также поддерживает mp4 , вы никогда не увидите воспроизведение видео в формате ogg или webm. Я бы посоветовал: 

<video width="320" height="240" controls>
    <source src=" test.webm" type="video/webm" />
    <source src=" test.ogv" type="video/ogg" />
    <source src=" test.mp4" type="video/mp4" />  
</video>

(а поскольку webm и ogg полностью перекрываются - вы, вероятно, можете полностью избежать создания файлов ogg)

0 голосов
/ 02 мая 2020

Вы уже пытались завершить синтаксис?

Вы должны обязательно удалить точку с запятой после тегов источника. Это Html, а не javascript код, поэтому не должно быть точек с запятой.

Также вы можете установить логический атрибут для элементов управления без указания значения, просто поместив «элементы управления» внутри тегов.

Попробуйте, может быть, это решит вашу проблему с chrome: 

<video width="320" height="240" controls>
    <source src=" test.mp4" type="video/mp4" />
    <source src=" test.ogv" type="video/ogg" />
    <source src=" test.webm" type="video/webm" />
</video>
...