Netbeans не загрузит видео html5

У меня есть веб-страница HTML5, и у меня есть полноэкранный видеоролик.

Когда я пытаюсь запустить файл веб-страницы, просто щелкнув файл.html через папку в Windows, нет никаких проблем.

Но когда я пытаюсь запустить его в Netbeans с веб-сервером в качестве проекта HTML или PHP, видео воспроизводится один раз, а затем прекращает воспроизведение, в то время как у него есть atttribute цикла. И цикл работает, когда я открываю файл.html через окна.

На каком-то видео его даже не загружают все видео, однако есть элементы управления видео. Но экран остается черным.

Является ли мой код причиной этой проблемы? или приложение Netbeans.

Вот мой HTML-код:

<title>My site</title>
 
 

 
 
 
 

 
 
 <div>

 

 <div>
 <video preload="auto">
 
 </video>

 

 </div>


 </div>

И CSS:

@import "reset.css";

html, body {
 height: 100%;
 width: 100%;

 font-family: Arial;
 overflow-x: hidden;
}

.fitScreen {
 position: relative;
 z-index: 0;
 height: 100%;

 background-color: black;
}

.mainContent video {
 display: none;
 position: fixed;
 z-index: 2;

 height: auto;
 width: auto;

 min-height: 100%;
 min-width: 100%;
}

И abit javascript для pre-loader ish thingy:

$(window).load(function() {
 $('.loading').animate({'opacity': '50%'}, 1500, function() {
 $('.loading').fadeOut('fast');
 $(".fitScreen video").prop('muted', true); //mute
 setTimeout(function() {
 $('.fitScreen video').fadeIn(2000);
 $('.fitScreen video').get(0).play();
 }, 250);
 $('#logo').delay(500).fadeIn(2000);
 });
});

В настоящее время я использую Netbeans 8.

1 ответ

Я предполагаю, что вы запускаете проект на встроенном сервере NetBeans? Если это так, попробуйте запустить его в Chrome (из NetBeans, как обычно), откройте Chrome Developer Tools, перезагрузите страницу с помощью F5 и перейдите на вкладку "Сеть" в инструментах разработчика Chrome и проверьте столбец "Тип" для строки с видеозаписью. Должно быть что-то вроде видео /mp4 или видео/[что-то]. Возможно, встроенный сервер не поддерживает этот тип mime. Если это произойдет, проверьте эту ссылку http://forums.netbeans.org/topic58110.html, чтобы включить ее.

licensed under cc by-sa 3.0 with attribution.