3

在 Windows 7 上的 IE9 中,以下页面对我来说不断崩溃:

http://www.studyzone.tv/test1.html

经过大量测试,事实证明 Bootstrap 3 CSS 文件中的 line-height 行导致了崩溃……或者至少与 JWPlayer 以某种方式冲突,并且在它们之间导致了崩溃!

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;  /* THIS IS THE LINE THAT CUASES THE ERROR*/
  color: #333333;
  background-color: #ffffff;
}

我复制了 CSS 文件并注释掉了这一行,它解决了问题,如以下链接所示:

http://www.studyzone.tv/test2.html

我想我有两个问题:

  1. 为什么这条线会导致崩溃?我真的发现了问题,还是我在其他地方有冲突?
  2. 如何在不注释掉显然是不好的做法的原始 CSS 文件的情况下解决问题?
4

1 回答 1

2

这很可能与我们的 HTML5 播放器和 Bootstrap 之间的 IE 中的 HTML5 模式冲突有关。

您将主要设置为在播放列表块内闪烁,因此它永远不会生效。

设置应该是:

<script type="text/javascript">
    jwplayer("jwplayer").setup({
    playlist: [{
        image: "http://www.studyzone.tv/media/lesson002/lesson002-still.jpg",
        sources: [
            { file: "http://www.studyzone.tv/media/lesson002/lesson002-lq.mp4", label: "360p" },
            { file: "http://www.studyzone.tv/media/lesson002/lesson002-hq.mp4", label: "720p HD" }
        ],
        title: "Play video"
    }],
    width: "700",
    aspectratio: "16:9",
        primary: "flash"
    });
</script>

这应该可以解决问题,您也不必评论任何内容。

于 2013-11-05T22:32:35.077 回答