Intégrer wmv cache/objets flottants déroulant dans Chrome

J'ai essayé beaucoup d'astuces sur le web, y compris:Intégrer wmv cache/objets flottants déroulant dans Chrome

wmode transparent
z-index
WindowlessVideo

Mais aucun d'entre eux semblent fonctionner sur Chrome. Fonctionne bien sur IE et FF.

Cette version de code est compatible XHTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>wmv embed test</title> 
<style type="text/css"> 
#floatingbar { background: thistle; z-index: 9999; position: absolute; width: 500px; height: 60px; border: 1px solid blue; } 
#floatingbar2 { background: white; z-index: 9999; position: absolute; width: 500px; height: 60px; border: 1px solid orange; top: 140px; } 
</style> 
</head> 
<body> 

<div id="floatingbar"></div> 

<object type="application/x-mplayer2" style="width:260px; height:200px;" data="http://nov-exl.com/test/FactFinders.wmv"> 
<param name="movie" value="http://nov-exl.com/test/FactFinders.wmv" /> 
</object> 

<div id="floatingbar2"></div> 

</body> 
</html>

Source

2010-10-27 Radius Kuntoro

Si vous voulez juste pour recadrer la vidéo, vous pourriez mettre dans une balise div avec trop-plein à caché. Quelque chose comme ceci:

<style> 
div#crop {position:absolute;height:100px;top:60px;overflow:hidden} 
object, param {position:absolute;top:-60px} 
</style> 

<div id=crop><object><param /> </object></div>

Si vous vouliez une frontière plus personnalisée ou quelque chose pour vos vidéos, vous pourriez être hors de la chance quand il vient à Chrome.

Source

2010-10-28 05:46:19 bozdoz

N'essayant pas de rogner la vidéo, il suffit de démontrer que les objets flottants sont masqués derrière la vidéo. Donc, tout menu popup/dropdown css ne fonctionnera pas. –

Intégrer wmv cache/objets flottants déroulant dans Chrome

Répondre

Questions connexes