3

次のページは、Windows 7 の IE9 で常にクラッシュしていました。

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

多くのテストの後、Bootstrap 3 CSS ファイルの行の高さの行がクラッシュの原因であることが判明しました...または、少なくとも 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

2 つの質問があるとします。

  1. この行がクラッシュを引き起こしているのはなぜですか? 本当に問題を見つけたのでしょうか、それとも別の場所で競合があるのでしょうか?
  2. 元のCSSファイルをコメントアウトせずに問題を解決するにはどうすればよいですか?これは明らかに悪い習慣です?
4

1 に答える 1

2

これはおそらく、IE の HTML5 モードで、HTML5 プレーヤーと Bootstrap の間で衝突が発生したことに関係しています。

プレイリストブロック内でプライマリをフラッシュに設定しているため、効果がありません。

セットアップは次のようにする必要があります。

<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 に答える