[Resolvido] attr não funciona no embed no IE8

[Larodiel 0]

Olá pessoal, estáva fazendo uma funçãozinha para o video do youtube abrir dentro de um thickbox, até consegui fazer funfar no IE 7 e no FF, mas no IE8 a função para redimencionaro embed não está funfando, alguém pode me ajudar?

 

 

jquery

$(document).ready(function(){
	$('.youtube').click(function(e){
		e.preventDefault();
		$("#TB_ajaxContent").addClass('open').append(''+$(this).next().html()+'');
		
		$("#TB_ajaxContent object, #TB_ajaxContent embed").attr('width','428');
		$("#TB_ajaxContent object, #TB_ajaxContent embed").attr('height','345')
	});

})

 

 

html

<ul id="videoGallery">
	<li>
    
   
    	<a href="#TB_inline?height=365&width=428&inlineId=youtubePlayer" class="thickbox youtube">
       	</a>    
		
        <div class="videoContent">
    	<object width="195" height="160"><param name="movie" value="

name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="transparent"></param><embed src="

type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="195" height="160" wmode="transparent" class="vid"></embed></object> </div> <p class="descri">Tríplice Cor</p> </li> <li> <a href="#TB_inline?height=365&width=428&inlineId=youtubePlayer" class="thickbox youtube"> </a> <div class="videoContent"> <object width="195" height="160"><param name="movie" value="

name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="transparent"></param><embed src="

type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="195" height="160" wmode="transparent"></embed></object> </div> <p class="descri">Tríplice Cor</p> </li> <li> <a href="#TB_inline?height=365&width=428&inlineId=youtubePlayer" class="thickbox youtube"> </a> <div class="videoContent"> <object width="195" height="160"><param name="movie" value="

name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="transparent"></param><embed src="

type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="195" height="160" wmode="transparent"></embed></object> </div> <p class="descri">Tríplice Cor</p> </li> <hr /> <li> <a href="#TB_inline?height=365&width=428&inlineId=youtubePlayer" class="thickbox youtube"> </a> <div class="videoContent"> <object width="195" height="160"><param name="movie" value="

name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="transparent"></param><embed src="

type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="195" height="160" wmode="transparent"></embed></object> </div> <p class="descri">Tríplice Cor</p> </li> <li> <a href="#TB_inline?height=365&width=428&inlineId=youtubePlayer" class="thickbox youtube"> </a> <div class="videoContent"> <object width="195" height="160"><param name="movie" value="

name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="transparent"></param><embed src="

type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="195" height="160" wmode="transparent"></embed></object> </div> <p class="descri">Tríplice Cor</p> </li> <li> <a href="#TB_inline?height=365&width=428&inlineId=youtubePlayer" class="thickbox youtube"> </a> <div class="videoContent"> <object width="195" height="160"><param name="movie" value="

name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="transparent"></param><embed src="

type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="195" height="160" wmode="transparent"></embed></object> </div> <p class="descri">Tríplice Cor</p> </li> </ul>

PS: o siteem que o script ta rodando é http://www.triplicecor.com.br/videos.html

[William Bruno 1501]

Tenta trocando:

$("#TB_ajaxContent object, #TB_ajaxContent embed").attr('width','428');
                $("#TB_ajaxContent object, #TB_ajaxContent embed").attr('height','345')

por:

$("#TB_ajaxContent object, #TB_ajaxContent embed").attr({width:'428', height: '345'});

ou com as funções mais específicas:

http://api.jquery.com/height/

http://api.jquery.com/width/

[Larodiel 0]

Tentei com as 2 funções e nada, o que deve tá acontecendo é que ele não acha o embed no DOM, pq no Object ele atribui normal o width e o height.

[William Bruno 1501]

<embed> é uma tag obsoleta... tente usar <object> apenas:

<object width="150" height="70" data="http://www.transpiracao.com.br/flash/logotrans.swf" type="application/x-shockwave-flash"> 
			<param name="src" value="http://www.transpiracao.com.br/flash/logotrans.swf" /> 
			<param name="wmode" value="transparent" /> 
		</object>

funciona perfeitamente até no IE6, pelo que testei.

[Larodiel 0]

mas será q funfa com vídeos do youtube??, a solução provisória que achei foi forçar o IE8 a rodar como se fosse o 7 com a seguinte meta tag

 

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

[William Bruno 1501]

Aqui no IE6 funcionou:

<object width="195" height="170" data="

type="application/x-shockwave-flash"> <param name="src" value="

/> <param name="wmode" value="transparent" /> </object>

[Larodiel 0]

Funfou forçando o IE8 emular o 7 e tbm funfou só com o object, vlw pessoal.