Html5 Видео не работает

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html><head><title>Video</title> 

<style type="text/css"></style> 
<link rel="stylesheet" href="css.css" type="text/css"> 
</head> 
<body> 

<div id="Content"><br> 
<video width="854" height="480" controls="controls"> 
<source src="MyMovie.mp4" type="video/mp4"> 
stuff 
</div> 

</body> 
</html>`

Когда я просматриваю это в Google Chrome, я получаю видео, но ни одна из кнопок не может быть нажата, и видео не запускается.Html5 Видео не работает

источник

2014-01-12 user3186491

Вы уверены, что Chrome поддерживает этот тип видео? – Markasoftware

Я верю, что ответ здесь http://stackoverflow.com/a/12174154/483536 Chrome может воспроизводить .mp4 с видео H-264, но не видео в формате MPEG-4. и должен быть закрывающий тег. – Wayne

Если вы не видите кнопки, это, вероятно, проблема, связанная с вашим CSS.

Чтобы видео запускается автоматически, используйте параметр автозапуск = «автовоспроизведение» (parameters of HTML5 video):

Демонстрационные оборотный видео в JsFiddle.

Рабочий код:

<div id="Content"><br> 
    <video width="854" height="480" controls="controls" autoplay="autoplay"> 
     <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4"> 
    stuff 
     </video> 
</div>

Ответа на этот вопрос @Wayne: Я считаю, что ответ здесь stackoverflow.com/a/12174154/483536 Chrome может играть .mp4 с H-264 видео, но не MPEG-4 Visual видео. и должен быть закрывающий тег.

источник

2014-01-12 02:42:42

Кнопка показывает, что они просто не работают. когда я использовал ваш код, но с моим именем видеофайла он все еще не работал с кодом css #Content {width: 900px; margin: 0 auto; background-color: 452070; list-style-type: square;} – user3186491

неправильно доктайп "! < DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN" >"

HTML5 DOCTYPE является: < DOCTYPE HTML >

источник

2014-01-12 09:28:34 Daniel

Я пробовал это. Единственное, что произошло, это исчезновение цвета с фона. видеоролик не воспроизводится – user3186491

добавить соответствующие кодеки как! ниже:
< источник src = "MyMovie.mp4" type = 'video/mp4; codecs = "avc1.42E01E, mp4a.40.2" '>

источник

2014-01-14 11:50:28 Daniel

Html5 Видео не работает

ответ

Смежные вопросы