Question

视频无法在Android浏览器上运行（在38-40版本中测试），我在Chrome中使用黑屏并在firefox中使用歌剧所有作品，我在ios safari上遇到同样的问题。

var v = document.createElement(  "video"  );
v.type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"';
v.src = "http://cyberua.16mb.com/player/data/video3.mp4";

https://jsfiddle.net/0du7LmfL/3/embedded/result/

[更新] 我找到了修复，但为什么不使用document.create？

 var video = '<video id="really-cool-video" class="video-js vjs-default-skin" controls ' +
        ' preload="auto" width="640" height="264" poster="really-cool-video-poster.jpg" data-setup="{}"> <source src="http://cyberua.16mb.com/player/data/video3.mp4" type="video/mp4">  </video>'
 document.body.innerHTML = video;

https://jsfiddle.net/0du7LmfL/10/

Answer 1

问题在于视频编码

https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats

：WebM中的VP8和Vorbis
：MP4中的H.264和MP3
：MP4中的H.264和AAC

黑屏视频（移动设备）

1 个答案: