I have an m3u8 stream that is the output of a stream engine that my team has created
Unfortunately when we receive the blob in hls player videojs after a period we see an error
The media playback was aborted due to a corruption problem or because the media used features your browser did not support.
The error is intermittent. We do not know if its the streaming side or the player side.
However we are looking at a workaround where the intention is to refresh the player when we get this error.
<link href="https://vjs.zencdn.net/7.18.0/video-js.css" rel="stylesheet">
<script src="https://vjs.zencdn.net/7.18.0/video.min.js"></script>
<div class="row" style="height: auto;">
<div class="col-sm-10 video-container" style="margin-right: auto; margin-left: auto;">
<video id='ding' class="video-js vjs-default-skin vjs-16-9" autoplay muted="muted">
<source src="https://https://bitdash-a.akamaihd.net/content/sintel/hls/playlist.m3u8" type="application/x-mpegURL">
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a
web browser that
<a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
</div>
</div>
@section scripts {
<script>
$(document).ready(function () {
var overrideNative = !videojs.browser.IS_SAFARI;
var player = videojs('ding', {
html5: {
hls: {
overrideNative: overrideNative
},
nativeVideoTracks: !overrideNative,
nativeAudioTracks: !overrideNative,
nativeTextTracks: !overrideNative
}
});
player.play();
console.log(overrideNative);
});
</script>
}