Как проверить, может ли браузер воспроизводить mp4 с помощью тега html5?
Как проверить, может ли браузер воспроизводить mp4 с помощью тега html5?
Ответ 1
Это может помочь вам:
<script type="text/javascript">'.
var canPlay = false;
var v = document.createElement('video');
if(v.canPlayType && v.canPlayType('video/mp4').replace(/no/, '')) {
canPlay = true;
}
alert(canPlay);
</script>
Ответ 2
Ответ Alex Polo не плох, но неполный попробуйте это, чтобы проверить, поддерживается ли кодек:
var mp4Supported = (!!document.createElement('video').canPlayType('video/mp4; codecs=avc1.42E01E,mp4a.40.2'));
Аналогично для ogg, webm и т.д.... Работает со звуком тоже:)
Ответ 3
В этой следующей ссылке объясняется, как:
Ответ 4
Я должен проверить, отображается ли видео html5, чтобы скрыть мою личную кнопку для воспроизведения и выключения звука в ie7 и ie8. Мое решение показано ниже.
Мой HTML:
<div id="contenitore_video" style="position:absolute;top:0;left:0;">
<video id="cont_video" autoplay onFocus="this.blur();" width="100%" height="100%" >
<source src="video/xxx.mp4" type="video/mp4" />
<source src="video/xxx.theora.ogv" type="video/ogg" />
<div id="sfondo_ridimensionato" >
<img src="img/sfondo_home1.jpg" >
</div>
</video>
</div>
...
<div id="controlli_video" style="position:absolute; top:10px;right:25px; height:50px; text-align:right;">
<a class="video_play" onFocus="this.blur();" style="display:none;" href="javascript:void(0)" onClick="controlla_video(1)">Play</a> ...
</div
Мой JS готов:
$(document).ready(function(){
//controllo se il video funziona o si vede il video alternativo
// var numero = $('#sfondo_ridimensionato:hidden').length;
// alert(numero);
if($('#sfondo_ridimensionato:hidden').length == 0){
$('#controlli_video').hide();
}
}
Ответ 5
Я сделал функцию для проверки, если ваш браузер может воспроизводить аудио или видео элемент
const checkMedia = mediaType => {
let canPlay = false
const mediaFormat = {
audio: 'audio/mp3',
video: 'video/mp4'
}
let media = document.createElement(mediaType)
if (
media.canPlayType &&
media.canPlayType(mediaFormat[mediaType]).replace(/no/, '')
) {
canPlay = true
}
return canPlay
}