Bonjour à toutes et à tous !
Depuis quelque temps j'essaie d'intégrer une vidéo dans ma page index.php ( generator: indexhibit)
Le résultat souhaité ressemble exactement à ceci:
http://www.riquet.fr/ (plusieurs vidéos)
ou
http://www.edouardsalier.fr/ (une vidéos)
En gros: j'aimerais que la vidéo soit en fullbackground avec un "player" permettant de la stopper, de la relancer et permettant également de régler le son (cf bloc noir en bas à droite-> http://www.riquet.fr/ ).
Dans cet exemple, il est possible de passer d'une vidéo à l'autre (utile mais pas prioritaire pour l'instant, je me contenterai de résoudre les autres problèmes avant).
Après avoir parcourus différents sites & forums,
je me suis inspiré du code d'un site utilisant le même cms que moi (indexhibit) en le modifiant légèrement en fonction des différentes infos trouvées sur la manière d'installer swfObject:
Pour ceux que cela intéresse voici différents liens concernant swfObject:
- http://www.grafikart.fr/tutoriels/swfobject-36 (vidéos d'installation)
- http://www.flashkod.com/tutoriaux/UTILISATION-SWFOBJECT_932.aspx (comment installer swfObject)
- http://www.delfiweb.com/afficher-flash-swfobject/article12833.html (comment installer swfObject)
- http://ressources.mediabox.fr/documentation/flash/swfobject (comment installer swfObject)
- http://kb2.adobe.com/cps/127/tn_12701.html (tout les paramètres de swfobject)
- http://www.bobbyvandersluis.com/swfobject/generator/index.html (generateur de code)
En résumé, tout fonctionne lorsque je teste le code avec le lien ".swf " du site dont je me suis inspiré.
En remplaçant la ligne suivante (mon chemin d'accès):
par le lien du site:
…la vidéo s'affiche !
Le reste du code me semblait donc correct,
mais lorsque je fais un test avec un lien interne rien ne fonctionne !!
(j'ai téléchargé différentes vidéos provenant de divers sites,(pour le test), en attendant d'avoir la vidéo à placer).
Et c'est le même problème lorsque j'utilise un lien externe lié à un autre site comme:
- http://www.riquet.fr/themes/default/swf/player.swf
Pourquoi cela fonctionne-il juste avec ce lien?
- http://www.simonerudolph.de/video/videobackground.swf
Evidement je me suis inspiré de son code mais même !
Peut-être est-ce mes chemins d'accès qui ne sont pas justes,… du coup j'ai créé différents chemins liés à différents dossiers (contenant les vidéos testes):
- src="<%baseurl%><%basename%>/site/js/swfobject/swfobject.js">
- http://boya.pocketdesigners.be/ndxz-studio/site/js/swfobject/expressInstall.swf
- http://boya.pocketdesigners.be/ndxz-studio/site/js/swfobject//swfobject.js
- http://boya.pocketdesigners.be/ndxz-studio/site/img/videos/test.swf
- http://boya.pocketdesigners.be/ndxz-studio/site/img/videos/videobackground.swf
- http://boya.pocketdesigners.be/ndxz-studio/site/img/videos/player.swf
- http://boya.pocketdesigners.be/ndxz-studio/site/img/videos/backgroundVideo_3.m4v
- http://boya.pocketdesigners.be/ndxz-studio/site/img/videos/configuration_22_movie_fr.m4v
- http://boya.pocketdesigners.be/bgvideos/test.swf
- http://boya.pocketdesigners.be/bgvideos/videobackground.swf
- http://boya.pocketdesigners.be/bgvideos/player.swf
- http://boya.pocketdesigners.be/bgvideos/backgroundVideo_3.m4v
- http://boya.pocketdesigners.be/bgvideos/configuration_22_movie_fr.m4v
mais après avoir testé des dizaines de possibilités, rien ne change !
Peut-être que le placement du code n'est pas correct ?
Peut-être me manque-t'il un pluging javascript ?
Peut-être...?
Quelqu'un aurait-il une idée ?
Etant graphiste orienté pré-press à la base mes connaissances en php, javascript et flash sont limitées.
J'aimerais terminer ce site (bien sûr au plus vite : )), ce petit/gros problème fait trainer son avancement.
Depuis trop longtemps, je me penche sur ce "kwak" sans y trouver de solution.
Quelques avancées par-ci par-là me permettant la compréhension de certaines chose, mais je reste dans l'obscurité et fait donc appel à vos lumières.
En espérant que celles-ci puissent m'éclairé,
Bonne journée
& Merci
voici le lien du site test (design en construction):
Voici l'entièreté du code de la page index.php avec le lien de la vidéo qui fonctionne;
Depuis quelque temps j'essaie d'intégrer une vidéo dans ma page index.php ( generator: indexhibit)
Le résultat souhaité ressemble exactement à ceci:
http://www.riquet.fr/ (plusieurs vidéos)
ou
http://www.edouardsalier.fr/ (une vidéos)
En gros: j'aimerais que la vidéo soit en fullbackground avec un "player" permettant de la stopper, de la relancer et permettant également de régler le son (cf bloc noir en bas à droite-> http://www.riquet.fr/ ).
Dans cet exemple, il est possible de passer d'une vidéo à l'autre (utile mais pas prioritaire pour l'instant, je me contenterai de résoudre les autres problèmes avant).
Après avoir parcourus différents sites & forums,
je me suis inspiré du code d'un site utilisant le même cms que moi (indexhibit) en le modifiant légèrement en fonction des différentes infos trouvées sur la manière d'installer swfObject:
Pour ceux que cela intéresse voici différents liens concernant swfObject:
- http://www.grafikart.fr/tutoriels/swfobject-36 (vidéos d'installation)
- http://www.flashkod.com/tutoriaux/UTILISATION-SWFOBJECT_932.aspx (comment installer swfObject)
- http://www.delfiweb.com/afficher-flash-swfobject/article12833.html (comment installer swfObject)
- http://ressources.mediabox.fr/documentation/flash/swfobject (comment installer swfObject)
- http://kb2.adobe.com/cps/127/tn_12701.html (tout les paramètres de swfobject)
- http://www.bobbyvandersluis.com/swfobject/generator/index.html (generateur de code)
En résumé, tout fonctionne lorsque je teste le code avec le lien ".swf " du site dont je me suis inspiré.
En remplaçant la ligne suivante (mon chemin d'accès):
swfobject.embedSWF(
"http://boya.pocketdesigners.be/ndxz-studio/site/img/videos/test.swf",
par le lien du site:
swfobject.embedSWF(
'http://www.simonerudolph.de/video/videobackground.swf',
…la vidéo s'affiche !
Le reste du code me semblait donc correct,
mais lorsque je fais un test avec un lien interne rien ne fonctionne !!
(j'ai téléchargé différentes vidéos provenant de divers sites,(pour le test), en attendant d'avoir la vidéo à placer).
Et c'est le même problème lorsque j'utilise un lien externe lié à un autre site comme:
- http://www.riquet.fr/themes/default/swf/player.swf
Pourquoi cela fonctionne-il juste avec ce lien?
- http://www.simonerudolph.de/video/videobackground.swf
Evidement je me suis inspiré de son code mais même !
Peut-être est-ce mes chemins d'accès qui ne sont pas justes,… du coup j'ai créé différents chemins liés à différents dossiers (contenant les vidéos testes):
- src="<%baseurl%><%basename%>/site/js/swfobject/swfobject.js">
- http://boya.pocketdesigners.be/ndxz-studio/site/js/swfobject/expressInstall.swf
- http://boya.pocketdesigners.be/ndxz-studio/site/js/swfobject//swfobject.js
- http://boya.pocketdesigners.be/ndxz-studio/site/img/videos/test.swf
- http://boya.pocketdesigners.be/ndxz-studio/site/img/videos/videobackground.swf
- http://boya.pocketdesigners.be/ndxz-studio/site/img/videos/player.swf
- http://boya.pocketdesigners.be/ndxz-studio/site/img/videos/backgroundVideo_3.m4v
- http://boya.pocketdesigners.be/ndxz-studio/site/img/videos/configuration_22_movie_fr.m4v
- http://boya.pocketdesigners.be/bgvideos/test.swf
- http://boya.pocketdesigners.be/bgvideos/videobackground.swf
- http://boya.pocketdesigners.be/bgvideos/player.swf
- http://boya.pocketdesigners.be/bgvideos/backgroundVideo_3.m4v
- http://boya.pocketdesigners.be/bgvideos/configuration_22_movie_fr.m4v
mais après avoir testé des dizaines de possibilités, rien ne change !
Peut-être que le placement du code n'est pas correct ?
Peut-être me manque-t'il un pluging javascript ?
Peut-être...?
Quelqu'un aurait-il une idée ?
Etant graphiste orienté pré-press à la base mes connaissances en php, javascript et flash sont limitées.
J'aimerais terminer ce site (bien sûr au plus vite : )), ce petit/gros problème fait trainer son avancement.
Depuis trop longtemps, je me penche sur ce "kwak" sans y trouver de solution.
Quelques avancées par-ci par-là me permettant la compréhension de certaines chose, mais je reste dans l'obscurité et fait donc appel à vos lumières.
En espérant que celles-ci puissent m'éclairé,
Bonne journée
& Merci
voici le lien du site test (design en construction):
Voici l'entièreté du code de la page index.php avec le lien de la vidéo qui fonctionne;
<!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' xml:lang='en' lang='en'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
<meta name="Keywords" content=" ">
<meta name="category" content=" ">
<meta name="description" content=" ">
<meta name="identifier-URL" content="">
<meta name="author" content="">
<meta name="copyright" content=" ">
<meta name="revisit-after" content="after 15 days">
<meta name="robots" content="index,follow">
<meta name="generator" content="indexhibit" />
<meta name="distribution" content="global" />
<meta name="audience" content="General" />
<title><%obj_name%>: <%title%></title>
<link rel="icon" type="image/png" href="/favicon.png">
<link rel='stylesheet' href='<%baseurl%><%basename%>/site/<%obj_theme%>/style.css' type='text/css' />
<!--[if lte IE 6]>
<link rel='stylesheet' href='<%baseurl%><%basename%>/site/<%obj_theme%>/ie.css' type='text/css' />
<![endif]-->
<plug:front_lib_css />
<plug:front_dyn_css />
<script type='text/javascript' src='<%baseurl%><%basename%>/site/js/jquery.js'></script>
<script type='text/javascript' src='<%baseurl%><%basename%>/site/js/cookie.js'></script>
<script type='text/javascript' src='<%baseurl%><%basename%>/site/js/jquery.effects.core.js'></script>
<script type='text/javascript' src='<%baseurl%><%basename%>/site/js/jquery.supersized.2.0.js'></script>
<!-- début script javascript slideviewer-->
<script type='text/javascript' src='<%baseurl%><%basename%>/site/js/jquery.slideviewer.js'></script>
<script type='text/javascript' src='<%baseurl%><%basename%>/site/js/jquery.slideviewer-no_caption.js'></script>
<script type='text/javascript' src='<%baseurl%><%basename%>/site/js/jquery.easing.1.3.js'></script>
<script type='text/javascript' src='<%baseurl%><%basename%>/site/js/jquery.cycle.all.js'></script>
<!-- fin script javascript slideviewer-->
<!-- début script javascript full background -->
<script type='text/javascript' src='<%baseurl%><%basename%>/site/js/full_background.js'></script>
<!-- fin script javascript full background -->
<!-- debut liens effet opacité -->
<script type='text/javascript' src='<%baseurl%><%basename%>/site/js/jquery-1.3.2.js'></script>
<script type='text/javascript' src='<%baseurl%><%basename%>/site/js/jquery-1.2.6.js'></script>
<script type='text/javascript' src='<%baseurl%><%basename%>/site/js/jquery.effects.core.js'></script>
<script type='text/javascript' src='<%baseurl%><%basename%>/site/js/jquery.dwFadingLinks.js'></script>
<!-- fin liens effet opacité -->
<script type='text/javascript' src='<%baseurl%><%basename%>/site/js/jquery.js'></script>
<script type='text/javascript' src='<%baseurl%><%basename%>/site/js/cookie.js'></script>
<!-- lien js déroulement menu -expandingMenus -->
<script type='text/javascript' src='<%baseurl%><%basename%>/site/js/expandingMenus.js'></script>
<script type='text/javascript' src='<%baseurl%><%basename%>/site/js/jquery.dwFadingLinks.js'></script>
<!-- fin lien js déroulement menu -expandingMenus -->
<script type="text/javascript" src="<%baseurl%><%basename%>/site/js/swfobject/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {};
var attributes = {};
var expressInstall = "http://boya.pocketdesigners.be/ndxz-studio/site/js/swfobject/expressInstall.swf";
params.stage ='noscale';
params.wmode = 'transparent';
attributes.id = 'flashContent';
attributes.name = 'flashContent';
flashvars.title = 'video once upon a time ';
flashvars.file = "http://boya.pocketdesigners.be/ndxz-studio/site/img/videos/test.swf";
flashvars.color = 'ff0000';
swfobject.embedSWF(
"http://www.simonerudolph.de/video/videobackground.swf",
'flashContent',
'100%','100%','10.0.0',
"http://boya.pocketdesigners.be/ndxz-studio/site/js/swfobject/expressInstall.swf",
flashvars,
params,
attributes
);
</script>
<plug:front_lib_js />
<script type='text/javascript'>
path = '<%baseurl%>/files/gimgs/';
$(document).ready(function()
{
setTimeout('move_up()', 1);
$('#menu a').click(function() {
});
});
</script>
<!-- fin script déroulement menu -expandingMenus -->
<plug:front_dyn_js />
<!-- début script full background le code original était:
//<plug:backgrounder color='<%color%>', img='<%bgimg%>', tile='<%tiling%>' /> -->
<!-- autre script random background:
//<plug:ndxz_rand_bg 'ndxz-studio/site/img/bg', tiling='false'/> -->

<script type='text/javascript' src='<%baseurl%><%basename%>/site/js/full_background.js'></script>
<!-- fin script full background -->
</head>
<body class='section-<%section_id%>'>
<!-- début <div> pour full background -->
<div id='the-background'><plug:full_background /></div>
<div id="wrapper">
<!-- fin <div> pour full background -->
<div id='menu'>
<div class='container'>
<%obj_itop%>
<plug:front_index />
<%obj_ibot%>
<!-- you must provide a link to Indexhibit on your site someplace - thank you -->
</div>
</div>
<div id='content'>
<div class='container'>
<!-- text and image -->
<plug:front_exhibit />
<!-- end text and image -->
</div>
</div>
<div id='flashContent'>
</div>
</body>
</html>