Internet explorer 带audioplayer的iframe错误

Internet explorer 带audioplayer的iframe错误,internet-explorer,Internet Explorer,当打开直接指向audioplayer的链接时,所有浏览器都会播放它们。音频播放器是 在嵌套的div中,它是指向swf的嵌入元素 但是当写入并嵌入到某个页面时,会显示播放器,但不会在IE8中播放。适用于所有其他主要浏览器,包括IE9 顺便说一句,它在Safari中不起作用,但是用足够大的值来指定宽度和高度可以修复Safari,而不是IE8 <iframe width="500" height="50" src="http://localhost/getAudio?id=DB04DDA8-C7

当打开直接指向audioplayer的链接时,所有浏览器都会播放它们。音频播放器是 在嵌套的div中,它是指向swf的嵌入元素

但是当写入并嵌入到某个页面时,会显示播放器,但不会在IE8中播放。适用于所有其他主要浏览器,包括IE9

顺便说一句,它在Safari中不起作用,但是用足够大的值来指定宽度和高度可以修复Safari,而不是IE8

<iframe width="500" height="50" src="http://localhost/getAudio?id=DB04DDA8-C7C9-46E6-B0B3-7A0E0B5C9A55" frameBorder="0" scrolling="no">

<html class=" js no-flexbox no-canvas no-canvastext no-webgl no-touch no-geolocation postmessage no-websqldatabase no-indexeddb hashchange no-history draganddrop no-websockets no-rgba no-hsla no-multiplebgs no-backgroundsize no-borderimage no-borderradius no-boxshadow no-textshadow no-opacity no-cssanimations no-csscolumns no-cssgradients no-cssreflections no-csstransforms no-csstransforms3d no-csstransitions fontface generatedcontent no-video no-audio localstorage sessionstorage no-webworkers no-applicationcache no-svg no-inlinesvg no-smil no-svgclippaths" xmlns="http://www.w3.org/1999/xhtml">

<HEAD>
<STYLE class=iepp-printshim media=print></STYLE>
<TITLE>Bethoven symphony # 9</TITLE>
<META charset=utf-8>
<SCRIPT type=text/javascript src="/celenium/scripts/libs/jquery-latest.js"></SCRIPT>


<SCRIPT type=text/javascript src="/celenium/scripts/ClientCompatibility.js"></SCRIPT>

<STYLE type=text/css>BODY {
    PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
</STYLE>
</HEAD>
<BODY>
<DIV id=asset01>
<SCRIPT type=text/javascript>
            $.ajax({
                url: '/celenium/audioplayer_html5/getPlayer.asp?o=DB04DDA8-C7C9-46E6-B0B3-7A0E0B5C9A55',
                dataType: 'jsonp',
                cache: true,
                jsonpCallback: 'sdlaudioplayer',
                success: function (data) {
                    $('#asset01').append($(data.html));
                }
            });    
        </SCRIPT>
<LINK rel=stylesheet href="http://localhost/celenium/audioplayer_html5/css/defaultplayer.css" media=screen>
<DIV id=sdlaudioplayer class=player_container>
<DIV class=player_metabar></DIV>
<DIV class=player_controls>
<DIV style="DISPLAY: block" class=player_controls_play jQuery1707536265854468271="1"></DIV>
<DIV style="DISPLAY: none" class=player_controls_pause jQuery1707536265854468271="2"></DIV>
<DIV style="DISPLAY: none" class=player_controls_prev jQuery1707536265854468271="3"></DIV>
<DIV style="DISPLAY: none" class=player_controls_next jQuery1707536265854468271="4"></DIV>
<DIV style="WIDTH: 297px; DISPLAY: block" class=player_controls_scrubber jQuery1707536265854468271="5">
<DIV class=player_controls_scrubber_loading jQuery1707536265854468271="13">
<DIV class=player_controls_scrubber_loaded></DIV>
<DIV class=player_controls_scrubber_playhead></DIV></DIV></DIV>
<DIV style="DISPLAY: block" class=player_controls_timing jQuery1707536265854468271="6"><SPAN class=player_controls_timing_position>0:00</SPAN> / <SPAN class=player_controls_timing_total>0:00</SPAN></DIV>
<DIV style="DISPLAY: block" class=player_controls_volume jQuery1707536265854468271="7">
<DIV class=player_controls_volume_mute jQuery1707536265854468271="8"></DIV>
<DIV class=player_controls_volume_slider jQuery1707536265854468271="12">
<DIV style="WIDTH: 50%" class=player_controls_volume_marker jQuery1707536265854468271="11"></DIV>
<DIV style="LEFT: 28px" class=player_controls_volume_knob jQuery1707536265854468271="10"></DIV></DIV>
<DIV class=player_controls_volume_max jQuery1707536265854468271="9"></DIV></DIV></DIV></DIV>
<DIV id=sm2-container class="high_performance movieContainer swf_loaded"><!-- SM2 flash goes here -->
<DIV></DIV>
<DIV class=sm2-object-box>
<OBJECT id=sm2movie title="JS/Flash audio component (SoundManager 2)" codeBase="download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 data="/celenium/audioplayer_html5/swf/soundmanager2_flash9.swf" width=auto type=application/x-shockwave-flash height=auto></OBJECT></DIV></DIV></DIV></BODY>

贝多芬交响乐团#9
身体{
底部填充:0px;边距:0px;左侧填充:0px;右侧填充:0px;顶部填充:0px
}
$.ajax({
url:“/celenium/audioplayer_html5/getPlayer.asp?o=DB04DDA8-C7C9-46E6-B0B3-7A0E0B5C9A55”,
数据类型:“jsonp”,
是的,
jsonpCallback:“sdlayer”,
成功:功能(数据){
$('#asset01')。追加($(data.html));
}
});    
0:00 / 0:00

IE8并不被认为是一款现代浏览器,因为它不支持HTML5的许多功能,例如音频和视频标签

这个网站有一个例子,说明了如何使用Object标签支持IE8中的音频。见下例:

<audio controls>
    <source src="vincent.mp3" type="audio/mpeg"/>
    <source src="vincent.ogg" type="audio/ogg"/>
    <object type="application/x-shockwave-flash" data="media/OriginalMusicPlayer.swf" 
      width="225" height="86"> 
       <param name="movie" value="media/OriginalMusicPlayer.swf"/>
       <param name="FlashVars" value="mediaPath=vincent.mp3" /> 
    </object> 
</audio>

作为补充说明,您面临的问题很可能源于您的HTML缺少html5 doctype并且包含验证错误这一事实。您可能需要检查W3C规范。我相信您的所有属性周围都应该有引号


虽然许多浏览器都擅长让您在HTML中犯语法和语义错误,并且只是随波逐流,但有时这些验证问题会再次困扰您。我强烈建议您针对运行您的站点,以确保没有任何HTML错误妨碍IE8正确解释您的标记。

IE8不被视为现代浏览器,因为它不支持HTML5的许多功能,例如音频和视频标记

这个网站有一个例子,说明了如何使用Object标签支持IE8中的音频。见下例:

<audio controls>
    <source src="vincent.mp3" type="audio/mpeg"/>
    <source src="vincent.ogg" type="audio/ogg"/>
    <object type="application/x-shockwave-flash" data="media/OriginalMusicPlayer.swf" 
      width="225" height="86"> 
       <param name="movie" value="media/OriginalMusicPlayer.swf"/>
       <param name="FlashVars" value="mediaPath=vincent.mp3" /> 
    </object> 
</audio>

作为补充说明,您面临的问题很可能源于您的HTML缺少html5 doctype并且包含验证错误这一事实。您可能需要检查W3C规范。我相信您的所有属性周围都应该有引号


虽然许多浏览器都擅长让您在HTML中犯语法和语义错误,并且只是随波逐流,但有时这些验证问题会再次困扰您。我强烈建议您针对运行您的站点,以确保没有任何HTML错误阻止IE8正确解释您的标记。

发布代码始终是必要的。这就像让一个技工来修理你的车,但是把车留在锁着的车库里,没有汽油和点火钥匙干得好。我们有两个电话。首先是iframe,其次是ajax。ajax为下面的div填充了innerHTML。发布代码总是必要的。这就像让一个技工来修理你的车,但是把车留在锁着的车库里,没有汽油和点火钥匙干得好。我们有两个电话。首先是iframe,其次是ajax。ajax为下面的div填充了innerHTML。感谢您的全面回答。我至少需要几个小时来重新编写脚本。我们的播放器还支持调试模式。打开后,它抱怨没有检测到HTML5音频支持。我不明白html5在哪里(比如或)。这只是一个flash播放器的一堆带对象的div。谢谢你的全面回答。我至少需要几个小时来重新编写脚本。我们的播放器还支持调试模式。打开后,它抱怨没有检测到HTML5音频支持。我不明白html5在哪里(比如或)。这只是一堆带着flash播放器对象的Div。