[RESOLU] player video alternatif

[defaliz]

bonjour,

je sais intégrer une vidéo dans prsetashop 1.7.8 avec un player youtube ou daily motion mais existe-il un player open source à installer sur un serveur afin de se passer de youtube et Cie ?

bien à vous

Edited November 20, 2023 by defaliz (see edit history)

[Mediacom87]

Bonjour,

vous pouvez intégrer n'importe quelle vidéo sur le web si celle-ci est accessible, l'intérêt de passer par des solutions tierces est de profiter de leurs algorithmes d'optimisation de bande passante et de serveurs adaptés à la chose.

Vous pouvez trouver des services de ce type comme Vimeo

[defaliz]

Merci, effectivement vimeo semble intéressant... ce que j'aimerais c'est installer un player du type FFmpeg, je suis sur un serveur O2switch...

à voir ce qu'ils proposent de leur côté...

[Mediacom87]

Les navigateurs peuvent gérer un affichage simple https://developer.mozilla.org/fr/docs/Web/HTML/Element/video

[defaliz]

Merci beaucoup ! je vais regarder ça..

[defaliz]

pour info, en modifiant le template product-cover-thumbnails.tpl j'ai réussi à mettre des vidéos à la place des vignettes du produits..

[Mediacom87]

il y a 11 minutes, defaliz a dit :

pour info, en modifiant le template product-cover-thumbnails.tpl j'ai réussi à mettre des vidéos à la place des vignettes du produits..

Peut-être pourriez-vous partager votre code pour aider des personnes voulant réaliser la même chose que vous ?

[defaliz]

voici mes modifs

le résultat est visible ici

https://plantandstories.com/substrats-et-accessoires/446-950-grand-tapis-de-rempotage-de-plantes.html#/100-couleur-blanc_soie

Voici donc ce que j'ai modifié dans le fichier product-cover-thumbnails.tpl

1 - il faut déja importer sur le serveur d'hébergement le fichier vidéo , format mp4 et le fichier image de la vignette, png, tous deux doivent avoir le même nom..

(mes fichiers sont dans http://mon_site/img/ )par exemple ma_video.mp4 et ma_video.png

2 - dans la fiche du produit  dans presta dans le champ "vidéo youtube" on met le nom du fichier vidéo, ma_vidéo.mp4

on modifie le template (faire une copie avant...)

à partir de la ligne 46 pour moi, si le champ  custom_field_video n'est pas vide, je crée le lecteur vidéo , html5 :

   {if $product.custom_field_video != ''}
     <div id="video_container" style="text-align:center">
      <video  width="50%" height="50%"   autoplay loop muted controls controlslist="nodownload">
     <source src="https://plantandstories.com/img/{$product.custom_field_video}" type=video/mp4>
    Your browser does not support the video tag.
     </video>
     </div>
      {/if}

à partir de la ligne 64, le foreach, je mets la miniature cliquable en position 2 (if $smarty.foreach.count.index == '1' )

  {foreach from=$product.images item=image name=count}
     <li class="thumb-container js-thumb-container">
     {if $smarty.foreach.count.index == '1' }
     {if $product.custom_field_video != ''}
     <li id="video_button" class="thumb-container">
     <div id="video_button_container">
     <img class="thumb js-thumb" src="/img/{$product.custom_field_video|mb_substr:0:-4}.png"   width=80 height=100  />
     <i class=""></i>
     </div>
     </li>
     {/if}
     {/if}
    

voila...