FR EN ES

BLOG

exemple à la fin de ce devis:
http://demo.toogo.in/Printouts/Quotation/quot_template/4/quot_language/1/client_com/0/id/782

1 / desk / éditeur de documents / devis
2 / notes des devis
3 / notes finales : créer un item « vidéo fin »
 
note : l’ordre chronologique dans lequel vous créez les items dans la section « notes finales » détermine leur apparition sur le document > si vous créez l’item « vidéo fin » avant l’item « affiliations », la vidéo sera au dessus, les logos ATR, ASTA, RL au dessous.
4 / récupérer le code de la vidéo (ou code « embed »)

si la vidéo vient de youtube
•    clic droit sur la vidéo
•    « copier le code d’insertion »

si la vidéo vient de vimeo, voir comment faire ici
www.clubic.com/television-tv/video-streaming/aide-astuce-tuto/comment-integrer-une-video-vimeo-dans-un-site-13106.html

5 / modifier le code pour ajuster la mise en page

le code de la vidéo de l’exemple vient comme ceci
<iframe width= »640″ height= »360″ src= »http://www.youtube.com/embed/r2MOXksZ2UE?feature=player_detailpage » frameborder= »0″ allowfullscreen></iframe>

je souhaite que la vidéo apparaisse au centre de la page ?
avant de copier le code dans le champ « traduction de l’item », j’ajoute la balise <center> au début, la balise </center> à la fin

la vidéo est trop petite ou trop grande a mon gout ?
avant de la copier dans le champ « traduction de l’item », je modifie sa taille en réduisant ou augmentant les valeurs (dans cet exemple, je réduis de moitie)

le code est modifie comme ceci
<center> <iframe width= »320″ height= »180 » src= »http://www.youtube.com/embed/r2MOXksZ2UE?feature=player_detailpage » frameborder= »0″ allowfullscreen></iframe></center>

6 / traduction de l’item : insérer le code de la vidéo
7 / une fois que vous validez, la vidéo apparait ici

elle apparaitra aussi désormais dans la section « notes finales » des devis que vous éditez

si vous souhaitez qu’elle apparaisse aussi sur les tarifaires, les carnets de voyage, les vouchers, les formulaires infos … reproduire la manip dans l’onglet du template concerne de l’éditeur de document

si vous souhaitez qu’elle apparaisse dans la section « pays » / « régions » / « lieux » visités > paramètres / géographie / nom & description / champ « description »

8 / attention
si vous insérez des vidéos de cette façon sur vos documents, puis que vous convertissez ceux ci en PDF, les vidéos ne seront pas lisibles (il n’y aura qu’une image non interactive sur le document)
ce type d’insertion de vidéo est donc à privilégier pour des documents transmis au format html
9 / autre façon de proposer une vidéo

comme par exemple dans la section « pays visités » de ce devis
http://demo.toogo.in/Printouts/Quotation/quot_template/4/quot_language/1/client_com/0/id/782

ce n’est qu’un lien, qui ouvre une fenêtre en pop up ou est lue la vidéo

au lieu d’insérer le code « embed », insérer ce code
► <a href= » » onclick= »window.open(‘http://www.youtube.com/watch?feature=player_embedded&v=3oDyrqlRBs0′,’MediaPlayer‘,’width=750,height=500‘);return false; »> vidéo de présentation de la Bolivie </a>

quelques précisions sur le code (qui pourront servir ailleurs)

http://www.youtube.com/watch?feature=player_embedded&v=3oDyrqlRBs0 : url de la vidéo, a insérer entre les 2 apostrophes

width=750,height=500 : taille de la fenêtre qui va s’ouvrir en pop up (on vous conseille de la conserver comme ceci), a insérer entre les 2 apostrophes

vidéo de présentation de la Bolivie : nom du lien (ce qui apparait dans le document toogo)

Auteur Nicolas Blanquet

Post a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

468 ad

By continuing your visit to this site, you must accept the use of cookies. Those help us to improve your navigation experience. For more information, click here