Question

今天我正在设置JWPlayer，我注意到IE6和7中只有一个错误 - 当<video>标记包含在<p>标记中时，视频不会显示在页面上。视频显示正常，只要它们没有包含在<p>中。当它们被<p>标签包裹时，它们只是一个空白块。

客户喜欢将他们的视频包装在p标签中以获得间距，因此我需要找到解决方法，或者找到解释为什么不能这样做的原因。有什么想法吗？

据我所知，CSS中没有任何可能导致此问题的内容，但我打算梳理它并明天检查。

此处的代码（任何给定页面上都有多个玩家）：

    <p>
      <video id="video1" class="JWVideo" width="276" height="206" style="background:transparent !important;" src="/ext/resources/video/index/Video-1.mp4"></video>
    </p>
    <script>
      $('.JWVideo').each(function(){
        var source = $(this).attr("src");
                    jwplayer(this.id).setup({
                      stretching: "fill",
                      flashplayer: "http://player.longtailvideo.com/player.swf",
                      controlbar: "false",
                      levels: [
                        {file: source}
                      ]
                    });
                });
    </script>

Answer 1

Video标记是html5规范的一部分，它在IE 6和7中无法使用。尝试在firefox或Chrome中查看支持视频标记的同一页面并查看p标记的方式影响渲染。

Answer 2

我解决了这个问题。更改视频代码以使用带有'data'参数的'div'似乎可以解决问题。

IE7与p标签和JWPlayer不兼容？

2 个答案: