Вот живой сайт: nonbinaryassembly.comMp4 не autoplaying в Chrome, работает отлично в Firefox
И вот мой код:
<video id='second_slider_image' autoplay loop width="100%" alt='second_slider_image'>
<source src="http://nonbinaryassembly.com/wp-content/uploads/2016/03/000652895-aerial-view-city-skyscrapers.mp4" type="video/mp4">
</video>
Любые идеи?
Я думаю, что в Chrome вы должны установить его как autoplay = true. Вы пробовали это?
Да, я пробовал все, что мог. Он тоже не работал на машинах других людей. Возможно, видео было слишком большим - я попытался уменьшить размер, но он загрузился нормально, поэтому я не уверен. – Falpangaea
Я не понял, почему это не работает должным образом (я в конечном итоге удаление автозапуск так что это не там больше), так что я придумал и OK решение с помощью JS:
<video id="USTC" width="100%" src="http://URL/video1.mp4" type='video/mp4' onmouseenter="play_if_stopped();" onended="slider_run();">video_count =1;
videoPlayer = document.getElementById("uniqueID");
Object.defineProperty(HTMLMediaElement.prototype, 'playing', {
get: function(){
return (!this.paused && !this.ended && this.readyState > 2);
}
});
function play_if_stopped() {
if(document.querySelector('#uniqueID').playing){ // checks if element is playing right now
console.log("playing");
} else {
videoPlayer.play();
console.log("started");
}
};
function slider_run(){
video_count++;
if (video_count == 3) video_count =1;
var nextVideo = "http://URL/"+video_count+".mp4";
videoPlayer.src = nextVideo;
videoPlayer.play();
};
В Chrome, если у вас есть только одна вкладка открыта, у вас есть видео в backgrou nd tab или этот отказ от автовоспроизведения происходит, когда он также находится на вкладке переднего плана? – user454038
Вкладка «Передний план». – Falpangaea