Ouverture d’une vidéo en pop-up

(ou en surimpression du site)(YouTube ou DailyMotion)

Sur le site www.club.fft.fr/democmsone cliquer sur le logo PLAY :
une vidéo apparait en premier plan.

 

Comment mettre en place ce type de vidéos? 
Mon Image
 

 

Mon Image
 

Explications :

- créer votre bandeau et positionner cette image avec le menu "les bandeaux du site"
(3 fichiers Jpeg sont à votre disposition ci-dessous)
- le lien de votre bandeau sera défini avec les particularités ci-dessous : 

* se rendre sur la page Youtube de la vidéo,
* cliquer sur « partager » puis « intégrer »
* cocher la case "Activer le mode de confidentialité avancé" et "Utiliser l'ancien code d'intégration"
* copier le champ "value" de //jusqu'au caractère : ? (cf; exemple ci-après)
* rajouter ensuite https:// et &cms_target=popup

Ajouter cette adresse à la zone URL de la description de votre image (menu « les bandeaux du site »)

Republier le site
(menu « mon site », rechercher le site et dans le menu déroulant choisir republier) et rafraichir le navigateur .


Exemple :

A) sur une video du site public Youtube :
https://www.youtube.com/watch?v=vfG4UYN0kyg

B) La ligne de code (après les étapes ci-dessus) est notée en rouge ci-dessous:

Mon Image
 
C) A copier : www.youtube-nocookie.com/v/vfG4UYN0kyg?

D) URL complétée :
https://www.youtube-nocookie.com/v/vfG4UYN0kyg?cms_target=popup

Vous souhaitez mettre la vidéo en ouverture pop-up sur votre site...

"Best Of Roland-Garros 2014"
Voici l'adresse.... ;-)
https://www.youtube-nocookie.com/v/qRjIPW_8wPQ?&cms_target=popup

"Bientôt Roland...2015"
http://www.dailymotion.com/embed/video/x2peu1b&cms_target=popup


Mon Image
 
Pour une vidéo issue de DailyMotion:
<HTML_EXO>

- créer votre bandeau et positionner cette image avec le menu "les bandeaux du site"
(2 fichiers Jpeg sont à votre disposition ci-dessous)
- l'adresse url sera celle de votre video Dailymotion sans besoin d'identification sur Dailymotion mais avec quelques particularités qui sont:

* se rendre sur la page Dailymotion de la vidéo,
* cliquer sur le bouton d'intégration "<>" au dessous de la vidéo,
* dans le champ texte "Copy embed code",
* copier UNIQUEMENT le champ value de http:// jusqu'au caractère avant ">
* rajouter ensuite &cms_target=popup

exemple: http://www.dailymotion.com/embed/video/x2peu1b&cms_target=popup 

 

A télécharger
picto PLAY (5.00 Ko)
picto VIDEO (16.17 Ko)
Logo Roland-Garros (23.54 Ko)

Plus d'informations...
Les autres notes