Question

我目前有一个safari不支持的视频文件，并输入了一条消息，说明浏览器不支持该文件类型。但是该消息不可见。关于如何解决这个问题的任何想法

<video width="100%" height="auto" poster="/imgs/vfx-reel.png" controls>
        <source src="media/reel-animation.mp4" type="video/mp4"/>
        apologies but your browser does not support the video file type . video can currently be viewed in chrome and firefox . we are working to remedy this
</video>

Answer 1

如果浏览器不支持视频元素，则会显示该文本，而不是视频元素无法播放时。

通过捕获源元素上的错误事件，有一个如何在MDN上捕获此内容的示例：

var v = document.querySelector('video'),
  sources = v.querySelectorAll('source'),
  lastsource = sources[sources.length-1];
lastsource.addEventListener('error', function(ev) {
  var d = document.createElement('div');
  d.innerHTML = v.innerHTML;
  v.parentNode.replaceChild(d, v);
}, false);

视频文件不支持消息未显示

1 个答案: