FlashFallBack et Player HTML5

**eclectique_95470** · 03/07/2012, 14h15

Bonjour,

J'ai monté un player HTML 5, avec la librairie projekktor que l'on peut voir ici.

La doc librairire :
http://www.projekktor.com/docs/
Le player :
http://player2.dentalespace.com

Celui ci fonctionne très bien sauf sous IE 8 (et oui, je suis sous XP), puisque IE8 n'integre pas HTML5.

Je suis donc obligé de faire un FLashFallBack, qui ne fonctionne donc pas.

voici mon code :

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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
 
 
<!doctype html>
<html>
<head>
<title>
Le player de Kevin le fou qui dechire tout
</title>
<!--[if lte IE 8]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> 
<link rel="stylesheet" href="./player/theme/style.css" type="text/css" media="screen" />
<script type="text/javascript" src="./player/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="./player/projekktor-1.0.23r85.min.js"></script>
 
</head>
<body>
 
<div id="player_a" class="projekktor"></div>
<script type="text/javascript" >
$(document).ready(function() {
    var player = projekktor('#player_a' , {
	enableFlashFallback: true,
	playerFlashMP4:'./player/jarisplayer.swf',
	playerFlashMP3:'./player/jarisplayer.swf',    
    debug: true,
	autoplay: true,
    poster: 'occasion.png',
    useYTIframeAPI: false, 
    width: 600,
    height: 337,
	controls: true,
    plugin_display: {
         logoImage:"occasion.png",
        logoURL:"http://www.projekktor.com/",
        target:"_blank"
 
    },
 
    playlist: [
       {
		  0:{src:'./player/media/intro.webm', type: 'video/mp4'},
		  1:{src:'./player/media/intro.ogv', type: 'video/ogg'},
	   },
	   {
          0:{src:'intro.mp4', type: 'video/mp4'},
		  1:{src:'intro.ogg', type: 'video/ogg'},
		  2:{src:'intro.webm', type: 'video/webm'},
          config: {
 
             disablePause: true,
             disallowSkip: true,
			 fixedVolume: true,
 
          }
       },
       {
          0:{src:'video.mp4', type: 'video/mp4'},
		  1:{src:'video.ogg', type: 'video/ogg'},
		  2:{src:'video.webm', type: 'video/webm'},
       }       
    ]
    });  
player.addListener('leftclick', function(){
//alert(player.getItemIdx());
if(player.getItemIdx()==0)//pub
{//redirection
	window.open('http://www.dentalespace.com');
}
} 
);
 
//alert(player.getItemId());
 
 
})
 
</script>
 
 
</body>
</html>

A savoir que les fichier jarisplayer est bien chargé puisque je vois un playuer flash avec un message d'erreur qui est le suivant :

The media (null) could not be loaded because the server or network failed.Click display to proceed.

Ci quelqu'un a des idées ....

Merci d'avance

**eclectique_95470** · 04/07/2012, 10h22

Petite précision, lorsque je remplace les vidéos du server par les vidéos youtube en mettan type=video/youtube cela fonctionne sur internetr explorer.

**eclectique_95470** · 04/07/2012, 11h04

Problème résolu, problème de chemin avec le chargement des vidéo par le player flash, se trouvant dans un dossier different

FlashFallBack et Player HTML5

JavaScript

Discussions similaires

Partager

Partager