Résolu Blocage affichage vidéo intégrée à une page HTML

LEPAGNOL Alain · Message par **LEPAGNOL Alain** » 23 nov. 2017, 15:30

J'ai développé un "site" web personnel comportant des pages HTML qui contiennent des vidéos. Ces pages créées avec le logiciel Web Designer ont fonctionné correctement jusqu'à ....maintenant.
Désormais lors de l'affichage de la page Firefox affiche la fenêtre" de visualisation de la vidéo mais celle-ci ne démarre plu. (Adobe flash Player 27.0 est bien installé. Pourtant le fichier vidéo .mp4 invoqué s'affiche correctement lorsque je l'ouvre directement "avec Firefox"
Les tests faits avec création sous Web Designer de nouvelles pages se heurtent tous au même problème (alors que la fonction aperçu Web dans ce logiciel répond convenablement)
Je n'ai aucune solution sur le forum Web Designer, uniquement des invitations à mettre à jour Adobe Flash Player (ce que j'ai déjà fait)
Si je consulte le site sur Edge ou Chrome ... même blocage ! Je n'incrimine pas spécialement Firefox mais cherche de l'aide. Le code source HTML généré (et OK à l'origine) peut-il être devenu incompatible avec le Plug-in ou le navigateur ????

Problème de non compatibilité entre WebDesigner9 et HTML5 (pas de support de la balise <VIDEO et pas se maintenance assumée par MAGIX )
Conclusion : obligation d'éditer soi-même le code HTML pour toutes les sites déjà réalisés ou à venir, ce qui n'est pas top pour un produit qui se veut destiné à des utilisateurs n'ayant aucune programmation à connaitre.

Geek0z0ne · Message par **Geek0z0ne** » 23 nov. 2017, 17:24

Dommage d'utiliser Flash car il est quasi obsolète. Donc tu risques d'avoir à refaire tous les codages des vidéos le jour où il le sera totalement.

Je le ferais ainsi : https://www.w3schools.com/html/html5_video.asp

LEPAGNOL Alain · Message par **LEPAGNOL Alain** » 23 nov. 2017, 18:30

D'abord merci pour vos informations et l'utilité des exemples fournis. J'ai effectué des test aux résultats concluants mais qui confirment mes craintes : le code HTML généré par ma version de Web Designer 9 acquis en 2013 n'est donc plus compatible avec l'évolution des normes HTML !!!! (compatibilité ascendante non respectée).
Il me faudrait donc éditer moi même le code HTML généré ce qui n'est pas une mince affaire car je ne suis pas un spécialiste. Dans mes pages existantes il me faut non seulement intégrer l'élément "<video ... </video> que vous m'indiquez, mais faire en sorte que ma vidéo apparaisse à l'emplacement initialement prévu et que les autres éléments de ma page restent disponibles et actifs. etc... etc...
C'est déjà un gros travail sur mes productions antérieures et en plus ce serait à faire sur tous mes futures projets Web ... sauf à racheter une version plus récente vu que MAGIX. com me dit ne plus supporter celle que j'utilise.
Vive l'obsolescence programmée

pepersan · Message par **pepersan** » 23 nov. 2017, 22:19

Bonjour
double post:

viewtopic.php?f=5&t=135714&p=854173#p854173

LEPAGNOL Alain · Message par **LEPAGNOL Alain** » 24 nov. 2017, 11:54

Geek0z0ne a écrit : ↑23 nov. 2017, 17:24 Dommage d'utiliser Flash car il est quasi obsolète. Donc tu risques d'avoir à refaire tous les codages des vidéos le jour où il le sera totalement.

Je le ferais ainsi : https://www.w3schools.com/html/html5_video.asp

OK pour le principe mais je ne parviens pas à faire afficher ma vidéo dans le cadre prévu à l'origine
Voici le code de la page créée par WebDesigner9 avec localisation sauf erreur du code de lancement de la vidéo par plug-in
Mais lorsque je le remplace par le code "<video... que vous me proposez, et selon où je le positionne, soit je n'ai aucune vidéo soit elle est lancée mais sans les autres éléments de la page (titres, encadrement de la fen^tre d'affichage vidéo, image bouton "retour" etc )
Pouvez-vous m'aider ???

<!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=Windows-1252"/>
<meta name="Generator" content="Xara HTML filter v.6.0.3.411"/>
<meta name="XAR Files" content="Deja2Ans_htm_files/xr_files.txt"/>
<title>clip2</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" type="text/css" href="Deja2Ans_htm_files/xr_main.css"/>
<link rel="stylesheet" type="text/css" href="Deja2Ans_htm_files/xr_text.css"/>
<link rel="stylesheet" type="text/css" href="Deja2Ans_htm_files/custom_styles.css"/>
<script type="text/javascript" src="Deja2Ans_htm_files/roe.js"></script>
</head>
<body>
<div class="xr_ap" id="xr_xr" style="width: 852px; height: 808px; top:0px; left:50%; margin-left: -426px;">
<script type="text/javascript">var xr_xr=document.getElementById("xr_xr")</script>


<span class="xr_ar" style="left: 0px; top: 0px; width: 852px; height: 808px; box-shadow: 5px 5px 6px rgba(0,0,0,0.25); background-color: #FFFFFF;"></span>

<div class="xr_ap" id="xr_xri" style="width: 852px; height: 808px; overflow:hidden;">
<a href="item1.htm" onclick="return(xr_nn());">
<img class="xr_ap" src="Deja2Ans_htm_files/209.png" alt="" title="" onmousemove="xr_mo(this,0,event)" style="left: 738px; top: 625px; width: 77px; height: 81px;"/>
</a>


<span class="xr_ar" style="left: 19px; top: 14px; width: 815px; height: 107px;background: -webkit-linear-gradient(0deg, #FFFFFF -9%, #0003FF 99%);background: -o-linear-gradient(0deg, #FFFFFF -9%, #0003FF 99%);background: linear-gradient(90deg, #FFFFFF -9%, #0003FF 99%); border-radius: 25px;"></span>

<img class="xr_ap" src="Deja2Ans_htm_files/351.png" alt="" title="" style="left: 7px; top: 18px; width: 120px; height: 109px;"/>
<img class="xr_ap" src="Deja2Ans_htm_files/352.png" alt="" title="" style="left: 727px; top: 14px; width: 112px; height: 103px;"/>
<img class="xr_ap" src="Deja2Ans_htm_files/Titre-Item-1.gif" alt="" title="" style="left: 172px; top: -11px; width: 495px; height: 165px;"/>
<span class="xr_ar" style="left: 16px; top: 143px; width: 803px; height: 455px; border: 4px solid #1E09B8;"></span>
<div style="position: absolute; left: 25px; top: 150px; width: 793px; height: 450px; overflow: hidden;">
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/get/fl ... n=9,0,28,0" id="retail_video_player" width="100%" height="100%" align="middle">
<param name="movie" value="Deja2Ans_htm_files/retail_video_player.swf"/>
<param name="flashvars" value="url=Clip 2.mp4&sound=true&loop=false&tooltip=true&autoplay=true&swfborder=true&bgcolor=0x000000&bgalpha=0.1"/>
<param name="wmode" value="transparent"/>
<param name="allowScriptAccess" value="sameDomain" /> Code de lancement de la vidéo ?
<param name="allowFullScreen" value="true"/>
<param name="quality" value="high"/>
<param name="menu" value="false"/>[/i]
----------------------------------------------------------------------------------------------------------------------------------------------------------------------
<script type="text/javascript">
if(!navigator.userAgent.match(/(iPhone|iPod|iPad|Android)/)){document.write("\x3cembed type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" ");
document.write("name=\"retail_video_player\" width=\"100%\" height=\"100%\" align=\"middle\" ");
document.write("src=\"Deja2Ans_htm_files/retail_video_player.swf?url=Clip 2.mp4&sound=true&loop=false&tooltip=true&autoplay=true&swfborder=true&bgcolor=0x000000&bgalpha=0.1\" ");
document.write("wmode=\"transparent\" allowScriptAccess=\"sameDomain\" allowFullscreen=\"true\" quality=\"high\" menu=\"false\"/>");
}
</script>
</object>

</div>


<div class="Texte_normal" style="position: absolute; left:16px; top:646px;font-family:Trebuchet MS, Tahoma, sans-serif;font-weight:bold;font-style:italic;font-size:21px;color:#FF0000; text-shadow: 2px 2px 3px rgba(0,0,0,1.00);">
<span class="xr_tl Texte_normal" style="top: -23px;font-family:Trebuchet MS, Tahoma, sans-serif;font-weight:bold;font-style:italic;font-size:21px;color:#FF0000;"><span class="Texte_normal" style="font-family:Trebuchet MS, Tahoma, sans-serif;font-weight:bold;font-style:italic;font-size:24px;color:#FF0000;">Laye le </span><span class="Texte_normal" style="font-family:Trebuchet MS, Tahoma, sans-serif;font-weight:bold;font-style:italic;font-size:20px;color:#FF0000;">08-05-2012</span></span>
</div>

<div class="Texte_normal" style="position: absolute; left:238px; top:644px;font-family:Trebuchet MS, Tahoma, sans-serif;font-weight:bold;font-style:italic;font-size:16px;color:#1113C1;">
<span class="xr_tl Texte_normal" style="top: -15px;font-family:Trebuchet MS, Tahoma, sans-serif;font-weight:bold;font-style:italic;font-size:16px;color:#1113C1;">5 mois</span>
<span class="xr_tl Texte_normal" style="top: 4px;font-family:Trebuchet MS, Tahoma, sans-serif;font-weight:bold;font-style:italic;font-size:16px;color:#1113C1;">“Remplissage” et gazouillis sous le </span>
<span class="xr_tl Texte_normal" style="top: 22px;font-family:Trebuchet MS, Tahoma, sans-serif;font-weight:bold;font-style:italic;font-size:16px;color:#1113C1;">regard  de la “boîte à Pépère”</span>
</div>
<div id="xr_xo0" class="xr_ap" style="left:0; top:0; width:852px; height:100px; visibility:hidden;">
<a href="" onclick="return(false);">
</a>
</div>
<div id="xr_xd0"></div>
</div>
</div>

<script type="text/javascript">window.addEventListener('load', xr_aeh, false);</script>
</body>
</html>

Geckozone

Résolu Blocage affichage vidéo intégrée à une page HTML

Résolu Blocage affichage vidéo intégrée à une page HTML

Re: Blocage affichage vidéo intégrée à une page HTML

Re: Blocage affichage vidéo intégrée à une page HTML

Re: Blocage affichage vidéo intégrée à une page HTML

Re: Blocage affichage vidéo intégrée à une page HTML

Qui est en ligne ?