vidéo dans fichier devant tourner en local hors WEB

j.p.mignot · 02/11/2011, 17h58

j'ai un jeu de fichiers [Html + javascript + css + ensemble d'images, (pas de php car le script doit tourner en local et non sur un serveur)] qui correspondent à un help structuré d'une application développée en delphi.

Pour des raisons de facilité d'explication sur la manipulation du système je serais intéressé à introduire une séquence vidéo (format avi, mpg, flv, swf ?) dans cette aide: Quelques images valent bien plus que des kilomètres de phrases + ou - digestes!

Mais je bute pour introduire une vidéo avec les contrôles minimum (play, stop, pause, restart, volume audio +-,..) dans un fenêtre de mon html qui doit tourner en local.

Un degré pour faciliter: on livre la machine + le SW + le PC et donc je peux, si nécessaire fixer le browser au cas où il serait plus facile de trouver un plugin adapté sous un des browser standard [ il doit tout de même tourner sous window XP SP3] (IE8, FireFos, Safari, autre?)

merci pour toutes suggestions.
JPM

j.p.mignot · 02/11/2011, 20h46

En fait DreamWeaver propose le 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
 
<!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" />
<title>Document sans nom</title>
<script type="text/javascript">
function MM_CheckFlashVersion(reqVerStr,msg){
  with(navigator){
    var isIE  = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);
    var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
    if (!isIE || !isWin){  
      var flashVer = -1;
      if (plugins && plugins.length > 0){
        var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : "";
        desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc;
        if (desc == "") flashVer = -1;
        else{
          var descArr = desc.split(" ");
          var tempArrMajor = descArr[2].split(".");
          var verMajor = tempArrMajor[0];
          var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
          var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
          flashVer =  parseFloat(verMajor + "." + verMinor);
        }
      }
      // WebTV has Flash Player 4 or lower -- too low for video
      else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;
 
      var verArr = reqVerStr.split(",");
      var reqVer = parseFloat(verArr[0] + "." + verArr[2]);
 
      if (flashVer < reqVer){
        if (confirm(msg))
          window.location = "http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";
      }
    }
  } 
}
</script>
</head>
 
<body onload="MM_CheckFlashVersion('7,0,0,0','Le contenu de cette page n&eacute;cessite une version plus r&eacute;cente de Macromedia Flash Player. Voulez-vous le t&eacute;l&eacute;charger maintenant ?');">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="502" height="411" id="FLVPlayer">
  <param name="movie" value="FLVPlayer_Progressive.swf" />
  <param name="salign" value="lt" />
  <param name="quality" value="high" />
  <param name="scale" value="noscale" />
  <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Halo_Skin_3&streamName=video&autoPlay=false&autoRewind=true" />
  <embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Halo_Skin_3&streamName=video&autoPlay=false&autoRewind=true" quality="high" scale="noscale" width="502" height="411" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</body>
</html>

Cela fonctionne!!
MAIS
si on teste ce code avec W3C sur le site
http://validator.w3.org/check
alors...
on trouve les erreurs suivantes

Citation:

Line 9, Column 51: character "&" is the first character of a delimiter but occurred as data
Warning Line 9, Column 52: character "&" is the first character of a delimiter but occurred as data
Line 13, Column 19: character "&" is the first character of a delimiter but occurred as data
Line 13, Column 20: character "&" is the first character of a delimiter but occurred as data
Line 32, Column 20: character "<" is the first character of a delimiter but occurred as data
Line 48, Column 35: cannot generate system identifier for general entity "MM_ComponentVersion"
Line 48, Column 35: general entity "MM_ComponentVersion" not defined and no default entity
Line 48, Column 54: reference not terminated by REFC delimiter
Line 48, Column 54: reference to external entity in attribute value
Line 48, Column 54: reference to entity "MM_ComponentVersion" for which no system identifier could be generated
Info Line 48, Column 34: entity was defined here
Warning Line 48, Column 57: cannot generate system identifier for general entity "skinName"
Line 48, Column 57: general entity "skinName" not defined and no default entity
Warning Line 48, Column 65: reference not terminated by REFC delimiter
Line 48, Column 65: reference to external entity in attribute value
Line 48, Column 65: reference to entity "skinName" for which no system identifier could be generated
Info Line 48, Column 56: entity was defined here
Line 48, Column 78: cannot generate system identifier for general entity "streamName"
...... et bien d'autres

quelques erreurs sont simples à supprimer en remplaçant & par &
d'autres réfèrent à de paramètres incorrects (alors que cela fonctionne en tout cas sur IE8, Firefox7. et safari)

j.p.mignot · 07/11/2011, 16h13

Pour ceux que cela concerne, j'ai trouvé un peu d'information sur:
http://www.infographik.fr/tutoriaux/...ode-satay.html
ou, dans sa version originale [Anglais]
http://www.alistapart.com/articles/flashsatay/

02/11/2011, 17h58	#1
j.p.mignot Membre chevronné Jean-Pierre Mignot Inscription : juin 2005 Messages : 613 Détails du profil Informations personnelles : Nom : Jean-Pierre Mignot Informations professionnelles : Secteur : Industrie Informations forums : Inscription : juin 2005 Messages : 613 Points : 638 Points : 638	vidéo dans fichier devant tourner en local hors WEB j'ai un jeu de fichiers [Html + javascript + css + ensemble d'images, (pas de php car le script doit tourner en local et non sur un serveur)] qui correspondent à un help structuré d'une application développée en delphi. Pour des raisons de facilité d'explication sur la manipulation du système je serais intéressé à introduire une séquence vidéo (format avi, mpg, flv, swf ?) dans cette aide: Quelques images valent bien plus que des kilomètres de phrases + ou - digestes! Mais je bute pour introduire une vidéo avec les contrôles minimum (play, stop, pause, restart, volume audio +-,..) dans un fenêtre de mon html qui doit tourner en local. Un degré pour faciliter: on livre la machine + le SW + le PC et donc je peux, si nécessaire fixer le browser au cas où il serait plus facile de trouver un plugin adapté sous un des browser standard [ il doit tout de même tourner sous window XP SP3] (IE8, FireFos, Safari, autre?) merci pour toutes suggestions. JPM
	00

07/11/2011, 16h13	#3
j.p.mignot Membre chevronné Jean-Pierre Mignot Inscription : juin 2005 Messages : 613 Détails du profil Informations personnelles : Nom : Jean-Pierre Mignot Informations professionnelles : Secteur : Industrie Informations forums : Inscription : juin 2005 Messages : 613 Points : 638 Points : 638	Pour ceux que cela concerne, j'ai trouvé un peu d'information sur: http://www.infographik.fr/tutoriaux/...ode-satay.html ou, dans sa version originale [Anglais] http://www.alistapart.com/articles/flashsatay/
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email