我使用有条件的window.matchMedia来避免在移动设备中插入视频。 Here表示自Safari 9(我正在对其进行测试)以来,matchMedia将能够平稳运行,但是我的代码被完全忽略:

if ( window.matchMedia("(min-width: 1025px").matches) {
   console.log('match');

   document.addEventListener("DOMContentLoaded", function() { initialiseMediaPlayer(); }, false);

   function initialiseMediaPlayer() {

      (stuff here...)

   }

}

此代码可在Chrome,Chromium,Firefox,IE和Edge上完美运行。

有人有类似的问题吗?

最佳答案

问题出在格式上,奇怪的是其他浏览器修复了该行为,即使它的格式不正确。 1025px之后,它缺少一个额外的右括号“)”。尝试:

if ( window.matchMedia('(min-width:1025px)').matches) {
   console.log('match');

   document.addEventListener("DOMContentLoaded", function() { initialiseMediaPlayer(); }, false);

   function initialiseMediaPlayer() {

      (stuff here...)

   }

}

10-06 01:12