embed video avec tout navigateur

**GOAVA** · 03/03/2012, 10h33

Bonjour à tous

Voilà mon problème, j'ai déjà eu pas mal de fil a retordre avec cette âne bâté d'internet explorer qui semble ne pas toujours comprendre certaines commandes css que la plupart de autres navigateurs comprennent fort bien.

Bon, j'ai toujours réussi jusqu'à présent à trouver une parade adéquate grâce à certain hacks css pour explorer mais là ça fait un moment que je cherche et ne trouve pas comment m'en sortir.

La ou le bas blesse c'est avec les balises object et embed que je n'arrive pas à styler correctement sous internet explorer(moi j'ai la V9), j'ai même essayé de cadré tout ça correctement avec un div global mais rien n'y fait.

Si quelqu'un serait assez aimable pour m'apporter une solution ce serait super, ce que je cherche avant tout s'il vous plaît c'est une réel solution pas une polémique sur ce sujet qui n'en finisse plus...

Alors voilà, pour vous faire une idée du problèmes rendez vous sur mon serveur personnel à cette adresse ci-dessous, je vous laisse faire le test avec firefox et explorer...

http://www.technomediatic.org/show_video/play_flash.php

Je constate que pas mal de codeur butent sur ce problèmes et il serait bien d'ouvrir une discussion qui apporte des solutions vraiment concrètes à ce sujet(ex : scriplets qui fonctionnent).

Merci d'avance et très bonne journée

Goava webmaster amateur

**philodido** · 08/03/2012, 13h37

Bonjour,

J'ai testé avec firefox et ie9 et tout me semble caler pareil. Peut-être que tu as déjà trouver la solution. Si c'est le cas =>

**GOAVA** · 09/03/2012, 05h14

Effectivement puisque qu'aucune personne n'a pu me venir en aide alors il y a bien fallut que je me débrouille seul finalement, donc je marque comme résolu et m'en retourne à mes prises de tête...
Bonne journée

**NoSmoking** · 09/03/2012, 17h14

Bonjour,

Envoyé par GOAVA

Effectivement puisque qu'aucune personne n'a pu me venir en aide alors il y a bien fallut que je me débrouille seul finalement, donc je marque comme résolu ...

le but d'un forum est de recevoir mais aussi de donner, même si personne n'a pu t'aider sur ce coup là il serait sympa de ta part que tu aides en fournissant ta solution, elle pourra servir.

**GOAVA** · 16/03/2012, 18h07

Salut Nosmoking

Oui je te le concède, effectivement un forum c'est fait pour ça, néanmoins ce qui me surprend c'est que personne ne connaisse la réponse à ce petit problème alors que les bon programmeurs ne manquent pas sur le net...???

Bon, aujourd'hui j'ai beaucoup de travail mais je posterais dés que possible une démo sur ce forum. Enfin, pour donner un avant goût de la solution adéquate et bien il s'agit de faire du css dynamique(très pratique dans tout les cas de figure en tout cas, j'ai découvert ça assez récemment).Un truc du genre ce qui suit(voir ci-dessous)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<style type="text/css">
<?php
if (mb_eregi("SAFARI",$_SERVER["HTTP_USER_AGENT"]) )include 'stylbox/styles_index_css1.php';
else include 'stylbox/styles_index_css2.php'; 
?>
</style>

Entre nous sois dit, que d'heure perdue en adaptation entre tout ces navigateurs différents, je trouve cela parfaitement inadmissible de la part de ces groupes qui ont bien plus de moyens et de connaissances que nous autres.
je trouve cela déplorable, peut-êtres que tout les Webmaster devraient se liguer contre ces multinationales d'une manière ou d'une autres et ainsi les forcer à s'aligner les uns les autres en matière de compatibilité navigateurs et si possible s'aligner sur Firefox qui pour moi reste le meilleur et le plus tolérant, mais peut-êtres ais je tord...
A tout bientôt et merci d'avoir communiqué

Bon succès

**GOAVA** · 16/03/2012, 23h12

Bonjour

Suite à la demande de Nosmocking et Marc31 je met volontiers cette petite démo en ligne, si cela peut aider quelques personnes et bien vous m'en voyez ravi

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
<!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" />
<meta name="keywords" Content="" />
<meta name="author" content="Magickriss" />
<meta http-equiv="Content-Language" content="fr" />
 
<link rel="shortcut icon" href="img_system/logo_formulflex.png"/>
<title>MAGICKRISS</title>
<style type="text/css">
body{background:#000; background-image: url(../MODULE%20HTML%20_PHP%20UTILES/FORMULAIRES/PROTOTYPE/formul_flex_chantier/img_system/fond_ras3.png); background-repeat:repeat-x}
<?php 
if (!mb_eregi("MSIE",$_SERVER["HTTP_USER_AGENT"]) )
echo 'embed.adapt{display:block; margin:150px auto 0 auto; width:800px;height:600px; border:#0F0 solid 5px; padding:20px; background-color:#F00}';
else
echo 'div.global{display:block; margin:150px auto 0 auto; width:740px;height:530px; border:#0F0 solid 5px; padding:10px; background-color:#F00;';
?>
</style>
</head>
<div><SCRIPT language=JavaScript1.1>
var message="";
 
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false" )
</SCRIPT>
<body>
<div class="global">
<!-- OBJECT tag for Internet Explorer 3+ -->
<object id="flowplayer" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="742" height="531">
	<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf" /> 
	<param name="flashvars" 
		value='config={"clip":"http://www.technomediatic.org/show_video/sunsplash_001.flv"}' />
 
 
	<!-- EMBED tag for Netscape Navigator 2.0+ and Mozilla compatible browsers -->
	<embed class="adapt" type="application/x-shockwave-flash"
		src="http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf"
		flashvars='config={"clip":"http://www.technomediatic.org/show_video/sunsplash_001.flv"}'/>
 
</object>
</div>
</body>
</html>

Au cas ou Magickriss c'est aussi moi...

En gros c'est ce qu'on appelle communément du css dynamique, bon j'avoue que dans l'exemple ci-dessus la manière de faire est un peu barbare mais la façon la plus propre serait de construire un fichier php externe pour chaque navigateur qui en quelques sortes simulera le fichier css et que l'on appellera à l'aide d'un include entres les balises html style .

Comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<style type="text/css">
<?php
if (mb_eregi("SAFARI",$_SERVER["HTTP_USER_AGENT"]) )include 'stylbox/styles_index_css1.php';
else include 'stylbox/styles_index_css2.php'; 
?>
</style>

Attention les fichiers php devrons se nommer untel_css1.php, untel_css2.php etc... et par ailleurs contenir toutes vos balises css toujours précédées d'un echo bien entendu, comme ci-dessous.

Façon adéquate :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<?php
echo ' div{background:#fff}';
//etc...
?>

Bon succès

embed video avec tout navigateur [XHTML 1.1]

HTML

Vue hybride

Discussions similaires

Partager

Partager