Технологии

• Всего ответов: 3


Седова Марина
8-й в Технологиях
0 отзывов
Добрый день. Начиная с 27 версии Хром очень некоректно использует .mp4. Лучше всего размещать видео в .ogg или в .webm. В дальнейшем, Гугл собирается оставить поддержку  .mp4 только для мобильной версии.
Для Хром можно попробовать js хак, но не факт, что сработает: 

<code><span class="kwd">if</span><span class="pun">(</span><span class="pln">window</span><span class="pun">.</span><span class="pln">chrome</span><span class="pun">)</span><span class="pln">
    $</span><span class="pun">(</span><span class="str">"[type=video\\\/mp4]"</span><span class="pun">).</span><span class="pln">each</span><span class="pun">(</span><span class="kwd">function</span><span class="pun">()</span><span class="pun">{</span><span class="pln">
        $</span><span class="pun">(</span><span class="kwd">this</span><span class="pun">).</span><span class="pln">attr</span><span class="pun">(</span><span class="str">'src'</span><span class="pun">,</span><span class="pln"> $</span><span class="pun">(</span><span class="kwd">this</span><span class="pun">).</span><span class="pln">attr</span><span class="pun">(</span><span class="str">'src'</span><span class="pun">).</span><span class="pln">replace</span><span class="pun">(</span><span class="str">".mp4"</span><span class="pun">,</span><span class="str">"_c.mp4"</span><span class="pun">));</span><span class="pun">});</span></code>
Ссылки по вашей теме: 

stackoverflow.com/questions/25131906/mp4-file-not-playing-in-chrome
stackoverflow.com/questions/10757347/html5-video-tag-in-chrome-doesnt-work
Здесь: 
html5book.ru/html5-video
про различные кодеки, используемы в html5 для подключения видео. 



февраль 28, 2020 г.

Седова Марина
8-й в Технологиях
0 отзывов
Да, хак вставить не получилось :)) Но в одной из тем на stackoverflow.com он упоминается.
февраль 28, 2020 г.

Алексей Павлов
16-й в Технологиях
4.5 16 отзывов
Здравствуйте, Полина!
В Вашем коде страницы используется ссылка на CSS-файл (каскадная таблица стилей). Но, судя по результату, похоже сам файл у Вас не создан.
Создайте файл с указанным у Вас именем «Video.css» со примерно следующим содержимым:
.main {
               position:absolute;
               width:100%;
               height:100%;
               left: 0;
               top: 0;
}
.container {
               position:relative;
padding-bottom: 75%;
overflow: hidden;
}
Это для видео с отношением сторон 16:9. Для отношения сторон 4:3 вместо 75% нужно поставить 56,25%. Проверено для 4 браузеров, включая указанные.
Будьте внимательны: имя файла должно быть в точности, как у Вас в коде, т.е. начинаться с прописной буквы.
Более точное решение можно найти только зная Вашу задачу.
С уважением,
Алексей Павлов.
 
февраль 29, 2020 г.

Похожие вопросы