html - 嵌入式音频剪辑不起作用

Question

我已经将音频剪辑嵌入到网页中，但是当我运行该页面时(按我的要求在IE上运行)，而不是给我音频控制栏(暂停/播放/等)，它却给了我一个大白框(音频控制栏形状的水平)，侧面带有向上/向下箭头。

 <p style="text-align:center">

               <!--[if IE]><!-->

               <object data="overture.mp3" type="audio/mpeg" class id="02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
                codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="280" height="25">

                <!--<![endif]-->

                <!--[if !IE]><!-->

                <object data="overture.mp3" type="audio/mpeg" width="280" height="25">

                <!--<![endif]-->

                    <param name="src" value="overture.mp3" />           
                    <param name="autoplay" value="true" />
                    <param name="autostart" value="true" />
                    <param name="controller" value="true" />
                    <param name="showcontrols" value="true" />

                    <embed src="overture.mp3" type="audio/mpeg" 
                    pluginspage="http://www.apple.com/quicktime/download"
                    width="280" height="25">

                    </embed>

               </object>
               </p>

Answer 1

尝试将其从段落标记中删除，然后将其放在div中，而且我相信您的IE的if语句应如下

<!--[if IE]> -->
<!--[endif]-->

而不是

<!--[if IE]><!-->
<!--<![endif]-->

HTML5还支持音频标签，如下所示:

<audio controls="controls">
 <source src="song.mp3" type="audio/mp3" />
</audio>