Возникают проблемы, когда HTML5 загружает видео в IE11-Invalid Source и в Safari-Missing Plugin
Мы учимся использовать HTML5, CSS и CSS3. Если вы можете помочь мне с этим, пожалуйста, будьте настолько конкретны, насколько это возможно, и, пожалуйста, приложите пару снимков экрана, если это возможно.
Я кодировал свой HTML5 со встроенным видео, чтобы оно сначала показывало изображение плаката видео (до того, как я вставил видео с тегом. До и после, я вставляю видео, в котором отображается неверный источник. Это ТОЛЬКО происходит в IE и Safari (safari говорит, что отсутствует плагин). У меня установлены IE11, Chrome, Safari и Firefox, но есть проблемы только в IE и Safari. Проверено хорошо в Chrome и Firefox. По какой-то причине в Safari говорится, что отсутствует плагин. Все это, поверх "Неверный источник" для IE11. Любая помощь очень ценится! Я приложил код.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Lighthouse Cruise</title>
<meta charset="utf-8">
<h1>Lighthouse Cruise</h1>
<style>
video { width: 100%; height: auto; max-width: 320px; }
</style>
</head>
<body>
<video controls="controls" poster="lighthouse.jpg">
<source src="lighthouse.mv4" type="video/mp4">
<source src="lighthouse.ogv" type="video/ogg">
<embed type="application/x-shockwave-flash"
src="lighthouse.swf"
quality="high"
width="320" height="240"
title="Door County Lighthouse Cruise">
</video>
</body>
</html>
2 ответа
Ух ты, я никогда не ожидал, что напишу вопрос, а потом вернусь к нему через 9 часов только для того, чтобы ответить самому себе. Итак, вот решение:
Обратите внимание на расширение mv4 в первом элементе источника. Я исправил это, чтобы прочитать, m4 v. Все отлично работает после того, как я загружаю заблокированный контент. Спасибо, в любом случае.
У меня была почти такая же проблема. Приходите, чтобы узнать, что IE использовал режим совместимости и эмулировал IE 7.
Ввод <meta http-equiv="X-UA-Compatible" content="IE=edge"> сразу после <head> исправил эту проблему для меня.