IE : Vidéo coupé, pas de navigation
Luchte
Messages postés
50
Statut
Membre
-
Luchte Messages postés 50 Statut Membre -
Luchte Messages postés 50 Statut Membre -
Bonjour,
Je suis actuellement entrain de faire mon portfolio pour mon stage.
Mais depuis quelques jours je viens de me rendre compte que sous internet explorer la vidéo est coupé (il manque une partie de la vidéo et tout les systèmes de navigation). Alors que sous Firefox, aucun problème dessus.
Je vous serai très reconnaissant si vous pouviez m'aider, ça fait deux semaines que je bidouille pour faire disparaître le problème et j'ai rien trouvé sur le web.
Respectueusement Luchte
Lien du problème : http://cluster1.easy-hebergement.net/
Merci
Je suis actuellement entrain de faire mon portfolio pour mon stage.
Mais depuis quelques jours je viens de me rendre compte que sous internet explorer la vidéo est coupé (il manque une partie de la vidéo et tout les systèmes de navigation). Alors que sous Firefox, aucun problème dessus.
Je vous serai très reconnaissant si vous pouviez m'aider, ça fait deux semaines que je bidouille pour faire disparaître le problème et j'ai rien trouvé sur le web.
Respectueusement Luchte
Lien du problème : http://cluster1.easy-hebergement.net/
Merci
8 réponses
Bah, je pense, car, mettre la vidéo comme ça, ne fera que confirmer le problème, mais n'aidera certainement pas à le résoudre.
Alors voici d'abord le code source :
et maintenant le CSS :
<!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=iso-8859-1" />
<meta name="Keywords" content="portfolio, programmeur web, illustrateur, designer, portfolio illustrateur, portfolio designer, lenoble, lenoble guillaume" />
<title>Vidéo</title>
<link href="stylev.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="stylesheets/glider.css" type="text/css" media="screen" charset="iso-8859-1">
<script src="javascripts/prototype.js" type="text/javascript" charset="iso-8859-1"></script>
<script src="javascripts/effects.js" type="text/javascript" charset="iso-8859-1"></script>
<script src="javascripts/glider.js" type="text/javascript" charset="iso-8859-1"></script>
<style>
#my-glider {
margin-top:-10px;
padding-top:0px;
}
</style>
</head>
<body>
<div id="page">
<div id="bloc">
<div id="ssmenu"> <a href="gallerie.htm">Illustration</a> - <a href="video.htm">Video</a> </div>
<div id="ctn">
<div id="my-glider">
<div id="previous">
<p> </p>
<p> </p>
<p><a href="#" onClick="my_glider.previous();return false;"><img src="img/previous.png" alt="previous" /></a> </p>
</div>
<div class="scroller">
<div class="content">
<div class="section" id="section1"><object width="320" height="265"><param name="movie" value="http://www.youtube.com/v/7EDKZCsWA_A&hl=fr&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/7EDKZCsWA_A&hl=fr&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"></embed></object> </div>
<!--<div class="section" id="section2"> </div>
<div class="section" id="section3"> c </div>
<div class="section" id="section4"> d </div>-->
</div>
</div>
<div id="next">
<p> </p>
<p> </p>
<p><a href="#" onClick="my_glider.next();return false"><img src="img/next.png" alt="next" /></a> </p>
</div>
</div>
<script type="text/javascript" charset="iso-8859-1">
var my_glider = new Glider('my-glider', {duration:0.5});
</script>
</div>
<div id="menu"> <a href="index.htm">Accueil</a> - <a href="gallerie.htm">Réalisation</a> - <a href="CV.htm">CV</a> - <a href="contact.htm">Contact</a> </div></div>
<div id="copy">
Guillaume Lenoble <br />
:: <a href="../english/index.htm"><img src="img/union-jack_mini.png" alt="english" width="30" height="20" /></a> Programmeur Web <a href="../french/index.htm"><img src="img/french_mini.png" alt="french" width="30" height="20" /></a> :: <br />
LG - copyright © 2009 - Tous droits réservés</div>
</div>
</body>
</html>
et maintenant le CSS :
@charset "iso-8859-1";
body {
background-image: url(img/fond.png);
background-repeat: repeat-x;
background-color: #000000;
margin: 0;
padding: 0;
}
#page {
height: 600px;
width: 900px;
margin: auto;
margin-top: 34px;
}
#bloc {
background-image: url(img/Portfolio2.png);
background-repeat: no-repeat;
width: 900px;
height: 400px;
}
#ssmenu {
color: #FFFF00;
width: 400px;
height: 25px;
padding-left: 25px;
padding-top: 5px;
font-size: 18px;
}
#ctn {
color: #FFFFFF;
width: 850px;
height: 310px;
overflow: auto;
padding-left: 25px;
padding-right: 25px;
padding-top: 35px;
z-index: 2;
}
#menu {
color: #8CC63F;
width: 400px;
height: 25px;
top: 375px;
padding-left: 25px;
}
#page #bloc #menu a {
color: #8CC63F;
}
img {
text-decoration: none;
border-width: 0px;
}
#logo {
height: 100px;
width: 200px;
margin-left: 700px;
margin-top: -100px;
z-index: 3;
}
#copy {
color: #999999;
width: 400px;
height: 100px;
margin-left: 250px;
text-align: center;
}
a:link {
text-decoration: none;
color: #FFFF00;
}
a:visited {
text-decoration: none;
color: #FFFF00;
}
a:hover {
text-decoration: none;
color: #FFFF00;
}
a.info {
}
a.info:hover {
background: none;
z-index: 500;
}
a.info span {
display: none;
width: 400px;
height: auto;
}
a.info:hover div {
font-size: 16px;
color: #FFFFFF;
}
a.info:hover span {
display: inline;
position: absolute;
white-space: nowrap;
font-size:10px;
font-weight:normal;
top: 50px;
background: white;
padding: 3px;
border: 3px solid #FFFFFF;
border-top: 4px solid #FFFFFF;
right: 50px;
background-color: #7EA4A3;
}
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
