HTML5 видео не играет в Chrome

Так у меня есть сайт, который я просто использовать для удовольствия, но я в настоящее время есть проблемы с сайтом (uppah.net)HTML5 видео не играет в Chrome

Я просто пытаюсь играть видео на веб-сайт, но он не отображается в Chrome. Он отлично работает на Microsoft Edge и Internet Explorer.

Я читал, что Google Chrome не поддерживает MP4, поэтому я попытался изменить видеоформаты в WebM, но с тем же результатом.

Я использую следующий код:

<html> 
    <head> 
     <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
     <title>Uppah</title> 
     <link href="style.css" rel="stylesheet" /> 
     <link href="FCNTiGM.gif" rel="shortcut icon" /> 

     <script> 
      function load() { 
       document.getElementById("vsrc").src = Math.floor((Math.random()*11)+1)+".mp4"; 
      } 
     </script> 

    </head> 
    <body onload="load()"> 
     <div id="wrapper"> 
      <video autoplay class="video" loop><source id="vsrc" /> Please update your browser.</video> 
     </div> 


     <div id="polina"> 
      <h1>Uppah</h1> 

      <p><a href="http://steamcommunity.com/id/Uppahmost" target="_blank">Steam Profile</a></p> 
      &nbsp; 

      <p>You won&#39;t find any hacks here, noob. :^)&nbsp;</p> 
     </div> 
    </body> 
</html>

Я попытался изменить:

<script> 
    function load() { 
     document.getElementById("vsrc").src = Math.floor((Math.random()*11)+1)+".mp4"; 
    } 
</script>

<script> 
    function load() { 
     document.getElementById("vsrc").src = Math.floor((Math.random()*11)+1)+".webm"; 
    } 
</script>

Но это не играет.

источник

2016-08-11 Uppah

Почему вы не присоединяют к обертке Див весь элемент видео как этот

function load() { 
 
    var src = Math.floor((Math.random()*11)+1)+".mp4"; 
 
    var wrapper = document.getElementById("wrapper"); 
 
    wrapper.innerHTML = '<video autoplay class="video" id="video" loop><source src="'+src+'" type="video/mp4" /> Please update your browser.</video>'; 
 
}

<html> 
 
    <head> 
 
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
 
    <title>Uppah</title> 
 
    <link href="style.css" rel="stylesheet" /> 
 
    <link href="FCNTiGM.gif" rel="shortcut icon" /> 
 

 
    </head> 
 
    <body onload="load()"> 
 
    <div id="wrapper"> 
 

 
    </div> 
 
    <div id="polina"> 
 
     <h1>Uppah</h1> 
 

 
     <p><a href="http://steamcommunity.com/id/Uppahmost" target="_blank">Steam Profile</a></p> 
 
     &nbsp; 
 

 
     <p>You won&#39;t find any hacks here, noob. :^)&nbsp;</p> 
 
    </div> 
 
    </body> 
 
</html>

Вот рабочий пример (просто нажмите «Запуск с JS» кнопки на выходе раздел): http://jsbin.com/kabibifoqo/edit?html,js,output

источник

2016-08-11 09:39:50

Бегает отлично! Большое спасибо! – Uppah

HTML5 видео не играет в Chrome

ответ

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