。m4v格式的标题视频无法在IE 11中播放

Question

我有一个问题，即IE11无法播放我的html5视频标签视频。我尝试过使用其他浏览器，例如Chrome / Firefox，并且在这里可以正常使用。 IE11甚​​至没有在控制台中给我一个错误，为什么它不播放视频并显示白色背景。我尝试了.m4v和mp4等不同格式。该视频采用h264编码并经过网络优化（我正在使用名为“ Handbrake”的软件对视频进行编码”），分辨率为1920x1088。我也尝试将“”放入我的网站标题。

我的HTML代码

<video autoplay loop muted id="player">

</video>
 <img id="backfill-image" src="<?php bloginfo('template_url'); ?>/img/backgroundimage.jpg"> 
</div>
我的JavaScript

let myPlayer;
let backfill;

window.addEventListener('DOMContentLoaded', (event) => {

myPlayer = document.getElementById("player");
backfill = document.getElementById("backfill-image");

 myPlayer.onerror = function() {
   console.error(myPlayer.error);
   showPlaceholderImage();
};

// Example invalid source to throw an error
myPlayer.src = ""+templateUrl+"/img/myvideo.m4v";
 // Example valid source that doesn't throw an error 
 // myPlayer.src = "https://www.w3schools.com/tags/movie.mp4";


 function showPlaceholderImage() {
   myPlayer.style.display = "none";
    backfill.style.display = "block";
 }



});
    

我有一个问题，即IE11无法播放我的html5视频标签视频。我尝试过使用其他浏览器，例如Chrome / Firefox，并且在这里可以正常使用。 IE11甚​​至没有在控制台中给我一个错误...

Answer 1

我试图用MP4格式的H264编码器视频进行测试。