Insertion video fullscreen swfObject
Dernière réponse : dans Programmation
Bonjour bonjour,
Je tente d'intégrer un vidéo en fullscreen dans un site.
Après avoir téléchargé swfObject et suivit les instructions recommandées sur différents sites, … je n'arrive pas à l'installer correctement.
1ere étape:
téléchargement de swfObject 2.2
les fichiers "swfobject.js" et "expressInstall.swf" ont été placés via le ftp dans un dossier /swfobject/:
<%baseurl%><%basename%>/site/js/swfobject/
tandis que la vidéo se trouve dans le fichier /videos:
<%baseurl%><%basename%>/site/img/videos/
Ensuite le code suivant à été placé dans l'index.php entre <head> et </head>
<!-- debut lien js videos flash -->
<script type="text/javascript" src='<%baseurl%><%basename%>/site/js/swfobject/swfobject.js'></script>
<script type="text/javascript">
var expressInstall = '<%baseurl%><%basename%>/site/js/swfobject/expressInstall.swf';
var flashvars = {};
flashvars.title = 'titre de la vidéos';
flashvars.file = '/www/treesign01/ndxz-studio/site/img/videos/configuration_9_movie_fr.m4v';
flashvars.color = '004fed';
var params = {};
params.play = "true";
params.stage ='noscale';
params.wmode = 'transparent';
var attributes = {};
attributes.id = 'flashContent';
attributes.name = 'flashContent';
swfobject.embedSWF(
"/www/treesign01/ndxz-studio/site/img/videos/so_tester.swf",
"flashContent",
"100%", "100%", "9.0.0",
"<%baseurl%><%basename%>/site/js/swfobject/expressInstall.swf",
flashvars, params, attributes
);
</script>
<!-- fin lien js videos flash -->
et un autre entre <body> et </body>
<!-- début <div> pour videosflash -->
<div id="flashContent">
<a href="<a href="http://www.adobe.com/go/getflashplayer" target="_blank">http://www.adobe.com/go/getflashplayer</a>">
<img src="<a href="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" target="_blank">http://www.adobe.com/images/shared/download_buttons/get...</a>" alt="Get Adobe Flash player" />
</a>
</div>
<!-- fin <div> pour videosflash -->
Peut-être ai-je mal placer le code dans l'index.php ?
A part cela, je ne vois pas trop ou est l'erreur.
Voici l'entièreté du code index.php:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns='<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>' 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="">
<meta name="identifier-URL" content="">
<meta name="revisit-after" content="after 15 days">
<meta name="robots" content="index,follow">
<meta name="generator" content="indexhibit" />
<title><%obj_name%>: <%title%></title>
<link rel="icon" type="image/png" href="/www/treesign01/favicon.png">
<!-- début favicon autre possibilité
// <link rel="SHORTCUT ICON" type="image/png" href="<a href="http://test03.pocketdesigners.be/test03/files/favicon.png" target="_blank">http://test03.pocketdesigners.be/test03/files/favicon.p...</a>"> -->
<!-- début favicon autre possibilité
// <link rel="SHORTCUT ICON" href="<a href="http://test03.pocketdesigners.be/www/test03/files/favicon.ico" target="_blank">http://test03.pocketdesigners.be/www/test03/files/favic...</a>"> -->
<!-- fin favicon autre possibilité-->
<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 -->
<!-- debut lien js videos flash -->
<script type="text/javascript" src='<%baseurl%><%basename%>/site/js/swfobject/swfobject.js'></script>
<script type="text/javascript">
var expressInstall = '<%baseurl%><%basename%>/site/js/swfobject/expressInstall.swf';
var flashvars = {};
flashvars.title = 'titre de la vidéos';
flashvars.file = '/www/treesign01/ndxz-studio/site/img/videos/configuration_9_movie_fr.m4v';
flashvars.color = '004fed';
var params = {};
params.play = "true";
params.stage ='noscale';
params.wmode = 'transparent';
var attributes = {};
attributes.id = 'flashContent';
attributes.name = 'flashContent';
swfobject.embedSWF(
"/www/treesign01/ndxz-studio/site/img/videos/so_tester.swf",
"flashContent",
"100%", "100%", "9.0.0",
"<%baseurl%><%basename%>/site/js/swfobject/expressInstall.swf",
flashvars, params, attributes
);
</script>
<!-- fin lien js videos flash -->
<plug:front_lib_js />
<script type='text/javascript'>
path = '<%baseurl%>/files/gimgs/';
<!-- script déroulement menu -expandingMenus -->
<!-- script expandingMenu(0) autre possibilité
// $(document).ready(function()
// {
// setTimeout('move_up()', 1);
// expandingMenu(0);
// expandingMenu(1);
// expandingMenu(2);
// expandingMenu(3);
// expandingMenu(4);
// });
-->
$(document).ready(function()
{
setTimeout('move_up()', 1);
expandingAllMenus();
});
</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 -->
<!-- début <div> pour videosflash -->
<div id="flashContent">
<a href="<a href="http://www.adobe.com/go/getflashplayer" target="_blank">http://www.adobe.com/go/getflashplayer</a>">
<img src="<a href="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" target="_blank">http://www.adobe.com/images/shared/download_buttons/get...</a>" alt="Get Adobe Flash player" />
</a>
</div>
<!-- fin <div> pour videosflash -->
<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>
</body>
</html>
Autres pages sur : insertion video fullscreen swfobject
Lassé par la pub ? Créez un compte
Merci crazycat,
j'ai modifié les chemins d'acccès, mais rien ne change, rien ne s'affiche...
j'ai modifié les chemins d'acccès, mais rien ne change, rien ne s'affiche...
<script type="text/javascript" src='/www/treesign01/ndxz-studio/site/js/swfobject/swfobject.js'></script>
<script type="text/javascript">
var expressInstall = '/www/treesign01/ndxz-studio/site/js/swfobject/expressInstall.swf';
var flashvars = {};
flashvars.title = 'titre de la vidéos';
flashvars.file = '/www/treesign01/ndxz-studio/site/img/videos/so_tester.swf';
flashvars.color = '004fed';
var params = {};
params.play = "true";
params.stage ='noscale';
params.wmode = 'transparent';
var attributes = {};
attributes.id = 'flashContent';
attributes.name = 'flashContent';
swfobject.embedSWF(
"/www/treesign01/ndxz-studio/site/img/videos/so_tester.swf",
"flashContent",
"100%", "100%", "9.0.0",
"/www/treesign01/ndxz-studio/site/js/swfobject/expressInstall.swf",
flashvars, params, attributes
);
</script>
Même si je souhaite que la vidéo soit en fond sur toutes les pages du site ?
Je ne cible pas une page en particulier, bien que ce soit une option qui m'intéresse aussi.
Si je cible une page en entier; cela voudrait-il dire qu'il faut rajouter du code dans une de mes pages via le cms ?
Du coup je ne sais pas trop quel chemain mettre?
J'ai testé ceci, mais c'est pareil et faux.
Je ne cible pas une page en particulier, bien que ce soit une option qui m'intéresse aussi.
Si je cible une page en entier; cela voudrait-il dire qu'il faut rajouter du code dans une de mes pages via le cms ?
Du coup je ne sais pas trop quel chemain mettre?
J'ai testé ceci, mais c'est pareil et faux.
<script type="text/javascript" src='<%baseurl%><%basename%>/site/js/swfobject/swfobject.js'></script>
<script type="text/javascript">
var expressInstall = '<a href="http://treesign.pocketdesigners.be/ndxz-studio/site/js/swfobject/expressInstall.swf" target="_blank">http://treesign.pocketdesigners.be/ndxz-studio/site/js/...</a>';
var flashvars = {};
flashvars.title = 'titre de la vidéos';
flashvars.file = '<a href="http://treesign.pocketdesigners.be/ndxz-studio/site/img/videos/so_tester.swf" target="_blank">http://treesign.pocketdesigners.be/ndxz-studio/site/img...</a>';
flashvars.color = '004fed';
var params = {};
params.play = "true";
params.stage ='noscale';
params.wmode = 'transparent';
var attributes = {};
attributes.id = 'flashContent';
attributes.name = 'flashContent';
swfobject.embedSWF(
"<a href="http://treesign.pocketdesigners.be/ndxz-studio/site/img/videos/so_tester.swf" target="_blank">http://treesign.pocketdesigners.be/ndxz-studio/site/img...</a>",
"flashContent",
"100%", "100%", "9.0.0",
"<a href="http://treesign.pocketdesigners.be/ndxz-studio/site/js/swfobject/expressInstall.swf" target="_blank">http://treesign.pocketdesigners.be/ndxz-studio/site/js/...</a>",
flashvars, params, attributes
);
</script>
ok merci,
juste pour info les <%baseurl%><%basename%> font partie du code original du cms; ce sont les concepteurs qui ont créés les liens de cette manière, du coup j'avais une petite hésitation à modifier le tout.
Mais voilà qui est fait:
Que conseils-tu pour la suite ?
juste pour info les <%baseurl%><%basename%> font partie du code original du cms; ce sont les concepteurs qui ont créés les liens de cette manière, du coup j'avais une petite hésitation à modifier le tout.
Mais voilà qui est fait:
Que conseils-tu pour la suite ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns='<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>' 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="">
<meta name="robots" content="index,follow">
<meta name="generator" content="indexhibit" />
<title><%obj_name%>: <%title%></title>
<link rel="icon" type="image/png" href="/www/treesign01/favicon.png">
<!-- début favicon autre possibilité
// <link rel="SHORTCUT ICON" type="image/png" href="<a href="http://test03.pocketdesigners.be/test03/files/favicon.png" target="_blank">http://test03.pocketdesigners.be/test03/files/favicon.p...</a>"> -->
<!-- début favicon autre possibilité
// <link rel="SHORTCUT ICON" href="<a href="http://test03.pocketdesigners.be/www/test03/files/favicon.ico" target="_blank">http://test03.pocketdesigners.be/www/test03/files/favic...</a>"> -->
<!-- fin favicon autre possibilité-->
<link rel='stylesheet' href='/ndxz-studio/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='/ndxz-studio/site/js/jquery.js'></script>
<script type='text/javascript' src='/ndxz-studio/site/js/cookie.js'></script>
<script type='text/javascript' src='/ndxz-studio/site/js/jquery.effects.core.js'></script>
<script type='text/javascript' src='/ndxz-studio/site/js/jquery.supersized.2.0.js'></script>
<!-- début script javascript slideviewer-->
<script type='text/javascript' src='/ndxz-studio/site/js/jquery.slideviewer.js'></script>
<script type='text/javascript' src='/ndxz-studio/site/js/jquery.slideviewer-no_caption.js'></script>
<script type='text/javascript' src='/ndxz-studio/site/js/jquery.easing.1.3.js'></script>
<script type='text/javascript' src='/ndxz-studio/site/js/jquery.cycle.all.js'></script>
<!-- fin script javascript slideviewer-->
<!-- début script javascript full background -->
<script type='text/javascript' src='/ndxz-studio/site/js/full_background.js'></script>
<!-- fin script javascript full background -->
<!-- debut liens effet opacité -->
<script type='text/javascript' src='/ndxz-studio/site/js/jquery-1.3.2.js'></script>
<script type='text/javascript' src='/ndxz-studio/site/js/jquery-1.2.6.js'></script>
<script type='text/javascript' src='/ndxz-studio/site/js/jquery.effects.core.js'></script>
<script type='text/javascript' src='/ndxz-studio/site/js/jquery.dwFadingLinks.js'></script>
<!-- fin liens effet opacité -->
<script type='text/javascript' src='/ndxz-studio/site/js/jquery.js'></script>
<script type='text/javascript' src='/ndxz-studio/site/js/cookie.js'></script>
<!-- lien js déroulement menu -expandingMenus -->
<script type='text/javascript' src='/ndxz-studio/site/js/expandingMenus.js'></script>
<script type='text/javascript' src='/ndxz-studio/site/js/jquery.dwFadingLinks.js'></script>
<!-- fin lien js déroulement menu -expandingMenus -->
<!-- debut lien js videos flash -->
<script type="text/javascript" src='/ndxz-studio/site/js/swfobject/swfobject.js'></script>
<script type="text/javascript">
var expressInstall = '/ndxz-studio/site/js/swfobject/expressInstall.swf';
var flashvars = {};
flashvars.title = 'titre de la vidéos';
flashvars.file = '/ndxz-studio/site/img/videos/so_tester.swf';
flashvars.color = '004fed';
var params = {};
params.play = "true";
params.stage ='noscale';
params.wmode = 'transparent';
var attributes = {};
attributes.id = 'flashContent';
attributes.name = 'flashContent';
swfobject.embedSWF(
"/ndxz-studio/site/img/videos/so_tester.swf",
"flashContent",
"100%", "100%", "9.0.0",
"/ndxz-studio/site/js/swfobject/expressInstall.swf",
flashvars, params, attributes
);
</script>
<!-- fin lien js videos flash -->
<plug:front_lib_js />
<script type='text/javascript'>
path = '<%baseurl%>/files/gimgs/';
<!-- script déroulement menu -expandingMenus -->
<!-- script expandingMenu(0) autre possibilité
// $(document).ready(function()
// {
// setTimeout('move_up()', 1);
// expandingMenu(0);
// expandingMenu(1);
// expandingMenu(2);
// expandingMenu(3);
// expandingMenu(4);
// });
-->
$(document).ready(function()
{
setTimeout('move_up()', 1);
expandingAllMenus();
});
</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='/ndxz-studio/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>
<!-- début <div> pour videosflash -->
<div id="flashContent">
<a href="<a href="http://www.adobe.com/go/getflashplayer" target="_blank">http://www.adobe.com/go/getflashplayer</a>">
<img src="<a href="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" target="_blank">http://www.adobe.com/images/shared/download_buttons/get...</a>" alt="Get Adobe Flash player" />
</a>
</div>
<!-- fin <div> pour videosflash -->
</body>
</html>
En fait, il y a un truc qui me gène:
Ceci devrait (à moins que je ne me trompe) se trouver après le div "flashContent" ou bien être encapsulé dans une fonction windows.onload
swfobject.embedSWF(
"/ndxz-studio/site/img/videos/so_tester.swf",
"flashContent",
"100%", "100%", "9.0.0",
"/ndxz-studio/site/js/swfobject/expressInstall.swf",
flashvars, params, attributes);
Ceci devrait (à moins que je ne me trompe) se trouver après le div "flashContent" ou bien être encapsulé dans une fonction windows.onload
je ne pense pas:
si tu fais un test via ce générateur de code il n'est pas encapsulé et pas après non plus.
http://www.bobbyvandersluis.com/swfobject/generator/ind...
si tu fais un test via ce générateur de code il n'est pas encapsulé et pas après non plus.
http://www.bobbyvandersluis.com/swfobject/generator/ind...
Bonsoir,
oui j'ai testé de deux menière:
comme ceci:
ou comme ceci
mais cela ne fonctionne pas non plus : (
oui j'ai testé de deux menière:
comme ceci:
</div>
</div>
<!-- début <div> pour videosflash -->
<div id="flashContent">
<a href="<a href="http://www.adobe.com/go/getflashplayer" target="_blank">http://www.adobe.com/go/getflashplayer</a>">
<img src="<a href="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" target="_blank">http://www.adobe.com/images/shared/download_buttons/get...</a>" alt="Get Adobe Flash player" />
</a>
</div>
<script type="text/javascript">
swfobject.embedSWF(
"/ndxz-studio/site/img/videos/so_tester.swf",
"flashContent",
"100%", "100%", "9.0.0",
"/ndxz-studio/site/js/swfobject/expressInstall.swf",
flashvars, params, attributes
);
</script>
<!-- fin <div> pour videosflash -->
</body>
</html>
ou comme ceci
</div>
</div>
<!-- début <div> pour videosflash -->
<div id="flashContent">
<script type="text/javascript">
swfobject.embedSWF(
"/ndxz-studio/site/img/videos/so_tester.swf",
"flashContent",
"100%", "100%", "9.0.0",
"/ndxz-studio/site/js/swfobject/expressInstall.swf",
flashvars, params, attributes
);
</script>
<a href="<a href="http://www.adobe.com/go/getflashplayer" target="_blank">http://www.adobe.com/go/getflashplayer</a>">
<img src="<a href="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" target="_blank">http://www.adobe.com/images/shared/download_buttons/get...</a>" alt="Get Adobe Flash player" />
</a>
</div>
<!-- fin <div> pour videosflash -->
</body>
</html>
mais cela ne fonctionne pas non plus : (
Lassé par la pub ? Créez un compte
- Contenus similaires :
Tags :
- ForumInsertion video powerpoint 2007
- ForumInsertion video dans html
- ForumInsertion video page web
- ForumCode html insertion video
- ForumInsertion video javascript
- ForumInsertion video
- solutionsInsertion video joomla 1.0
- ForumBalise html insertion video
- ForumInsertion video dans powerpoint urgent
- ForumInsertion video flv flash
- Voir plus