When using Firefox and changing the position of a video using HTML5 video. Does anyone have insight to what causes this?
Here are my ideas:
I have made slider that adjusts video time that replicates the error:
var vid = $('#v0')[0];
var slider = document.getElementById('vidSlider')
linkVideoToSlider();
vid.onplay = vid.onclick = function() {
vid.onplay = vid.onclick = null;
setTimeout(function() {
vid.pause();
slider.value = vid.currentTime / vid.duration * 100
vid.currentTime += (1 / 29.97);
}, 12000);
setInterval(function() {
$('#time').html((vid.currentTime * 29.97).toPrecision(5));
slider.value = vid.currentTime / vid.duration * slider.max;
}, 100);
};
function linkVideoToSlider() {
var adjustVideoTime = function() {
//Note that we attempt to adjust to a time that has a frame.
setTimeout(function() {
vid.currentTime = Number.parseFloat(slider.value / 29.97).toFixed(4);
}, 5);
}
slider.oninput = adjustVideoTime
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
Frame number:
<p id="time"></p>
<video id="v0" controls tabindex="0" autobuffer preload>
<source type="video/webm; codecs="vp8, vorbis"" src="http://www.html5rocks.com/tutorials/video/basics/Chrome_ImF.webm"></source>
<source type="video/ogg; codecs="theora, vorbis"" src="http://www.html5rocks.com/tutorials/video/basics/Chrome_ImF.ogv"></source>
<source type="video/mp4; codecs="avc1.42E01E, mp4a.40.2"" src="http://www.html5rocks.com/tutorials/video/basics/Chrome_ImF.mp4"></source>
<p>Sorry, your browser does not support the <video> element.</p>
</video>
<div class="slidecontainer">
<p>Time of video slider:</p>
<input type="range" min="0" max="1024" value="0" class="slider" id="vidSlider">
</div>
if you prefer JSFiddle: https://jsfiddle.net/tehsurfer/9ahz5rmd/52/
This is a reported bug in Firefox, fixed in version 70+.
AbortError: The operation was aborted
Is output to console when either:
Some developers there say that Firefox performs much slower than Chrome or Edge in these scenarios, but I haven't found a way to validate a difference personally.
I will update this answer if a bug fix or workaround is found.
After updating Firefox to 70 it appears to be fixed and performance seems to have improved.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With