Un aiuto su un player video

di
Claudia2002
il
12 risposte
C
Claudia2002
Pochi posts
Iscritto da
ago, 2023
Messaggi:
25

Un aiuto su un player video

Salve,

Per fare vedere un video su un sito uso questo script:

 <div class="w-100 d-block d-md-none"> </div>
 <a href="#" role="button"  data-bs-toggle="modal" data-bs-target="#popupVideo"> 
   <span class="btn btn-danger round-btn-lg rounded-circle me-3 danger-btn-shadow"> <img src="localfoo/assets/hero/play.svg" width="15" alt="play"/>
   </span></a>
   <span class="fw-medium">Guarda il video1</span>  

<div class="modal fade" id="popupVideo" tabindex="-1" aria-labelledby="popupVideo" aria-hidden="true">
                 <div class="modal-dialog modal-dialog-centered modal-lg">
                   <div class="modal-content">     
                     <iframe class="rounded" style="width:100%;max-height:500px;" height="500px" src="localfoo/video/local.mp4" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen"></iframe>

E fino a qui tutto bene ma come faccio se avessi due video cioè

 <span class="fw-medium">Guarda il video 1</span>  

 <span class="fw-medium">Guarda il video 2</span>  

Ho fatto qualche tentativo ma apro sempre il solito video.

Potete aiutarmi?

Grazie

12 Risposte

  • S
    sihsandrea
    Molto attivo
    Iscritto da
    feb, 2011
    Messaggi:
    1560

    Re: Un aiuto su un player video

    Al momento come fai a dire quale video mandare in play?

    Prova a mandare in play il secondo…

  • C
    Claudia2002
    Pochi posts
    Iscritto da
    ago, 2023
    Messaggi:
    25

    Re: Un aiuto su un player video

    Ho fatto cosi:

    <div class="w-100 d-block d-md-none"> </div>
     <a href="#" role="button"  data-bs-toggle="modal" data-bs-target="#popupVideo"> 
       <span class="btn btn-danger round-btn-lg rounded-circle me-3 danger-btn-shadow"> <img src="localfoo/assets/hero/play.svg" width="15" alt="play"/>
       </span></a>
       <span class="fw-medium">Guarda il video 1</span>  

    <div class="modal fade" id="popupVideo" tabindex="-1" aria-labelledby="popupVideo" aria-hidden="true">
                     <div class="modal-dialog modal-dialog-centered modal-lg">
                       <div class="modal-content">     
                         <iframe class="rounded" style="width:100%;max-height:500px;" height="500px" src="localfoo/video/local.mp4" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen"></iframe>

    <a href="#" role="button"  data-bs-toggle="modal" data-bs-target="#popupVideo"> 
       <span class="btn btn-danger round-btn-lg rounded-circle me-3 danger-btn-shadow"> <img src="localfoo/assets/hero/play.svg" width="15" alt="play"/>
       </span></a>
       <span class="fw-medium">Guarda il video 2</span>  

    <div class="modal fade" id="popupVideo" tabindex="-1" aria-labelledby="popupVideo" aria-hidden="true">
                     <div class="modal-dialog modal-dialog-centered modal-lg">
                       <div class="modal-content">     
                         <iframe class="rounded" style="width:100%;max-height:500px;" height="500px" src="localfoo/video/test.mp4" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen"></iframe>

    ho solamente cambiato l'indirizzo src=

    Ma giustamente non funziona manda sempre il video 1 . non riesco a capire cosa sia BTN e data-bs-toggle="modal" ho fatto ricerche

    ma sono fuori dalla mia portata.

  • S
    sihsandrea
    Molto attivo
    Iscritto da
    feb, 2011
    Messaggi:
    1560

    Re: Un aiuto su un player video

    11/09/2024 - Claudia2002 ha scritto:

    src="localfoo/video/test.mp4

    Questo video?

    Prova a dargli un altro url…

  • C
    Claudia2002
    Pochi posts
    Iscritto da
    ago, 2023
    Messaggi:
    25

    Re: Un aiuto su un player video

    Provato ma cotinia a darmi sempre il Video 1 su i due Play

  • S
    sihsandrea
    Molto attivo
    Iscritto da
    feb, 2011
    Messaggi:
    1560

    Re: Un aiuto su un player video

    Scusa l'ho visto solo adesso…

    Hai duplicato il codice invece di cambiare i parametri? 

    Usa delle variabili.

    Selezionando il video metti l'urlal su una variabile. 

  • C
    Claudia2002
    Pochi posts
    Iscritto da
    ago, 2023
    Messaggi:
    25

    Re: Un aiuto su un player video

    Scusa la mi ignoranza in materia, per usare una variabile devo fare qualcosa in php?

  • S
    sihsandrea
    Molto attivo
    Iscritto da
    feb, 2011
    Messaggi:
    1560

    Re: Un aiuto su un player video

    <div class="w-100 d-block d-md-none"> </div>

     <a href="#" role="button"  data-bs-toggle="modal" data-bs-target="#popupVideo"> 

       <span class="btn btn-danger round-btn-lg rounded-circle me-3 danger-btn-shadow"> <img src="localfoo/assets/hero/play.svg" width="15" alt="play"/>

       </span></a>

       <span class="fw-medium">Guarda il video 1</span>  

    <div class="modal fade" id="popupVideo" tabindex="-1" aria-labelledby="popupVideo" aria-hidden="true">

                     <div class="modal-dialog modal-dialog-centered modal-lg">

                       <div class="modal-content">     

                         <iframe class="rounded" style="width:100%;max-height:500px;" height="500px" src="localfoo/video/local.mp4" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen"></iframe>

    <a href="#" role="button"  data-bs-toggle="modal" data-bs-target="#popupVideo2"> 

       <span class="btn btn-danger round-btn-lg rounded-circle me-3 danger-btn-shadow"> <img src="localfoo/assets/hero/play.svg" width="15" alt="play"/>

       </span></a>

       <span class="fw-medium">Guarda il video 2</span>  

    <div class="modal fade" id="popupVideo2" tabindex="-1" aria-labelledby="popupVideo" aria-hidden="true">

                     <div class="modal-dialog modal-dialog-centered modal-lg">

                       <div class="modal-content">     

                         <iframe class="rounded" style="width:100%;max-height:500px;" height="500px" src="localfoo/video/test.mp4" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen"></iframe>

    Prova a copiare questo e incollalo al posto del tuo codice

  • S
    sihsandrea
    Molto attivo
    Iscritto da
    feb, 2011
    Messaggi:
    1560

    Re: Un aiuto su un player video

    A me da errori sugli url. Vedi se a te va bene.

  • C
    Claudia2002
    Pochi posts
    Iscritto da
    ago, 2023
    Messaggi:
    25

    Re: Un aiuto su un player video

    Ti ringrazio tanto ti da errori su gli url perchè sono inventati.

    Purtroppo ora devo andare al lavoro  e appena rientro provo “00:30” circa “Faccio la cameriera”

    Grazie per la tua gentilezza.

  • C
    Claudia2002
    Pochi posts
    Iscritto da
    ago, 2023
    Messaggi:
    25

    Re: Un aiuto su un player video

    Buongiorno ,

    Funziona perfettamente.

    Ti rigrazio per il tuo aiuto da sola non ci sarrei mai arrivata.

  • S
    sihsandrea
    Molto attivo
    Iscritto da
    feb, 2011
    Messaggi:
    1560

    Re: Un aiuto su un player video

    11/09/2024 - sihsandrea ha scritto:

    <a href="#" role="button"  data-bs-toggle="modal" data-bs-target="#popupVideo2"> 

    11/09/2024 - sihsandrea ha scritto:

    <div class="modal fade" id="popupVideo2" tabindex="-1" aria-labelledby="popupVideo" aria-hidden="true">

    Se crei un terzo pulsante metti un altro nome…

  • C
    Claudia2002
    Pochi posts
    Iscritto da
    ago, 2023
    Messaggi:
    25

    Re: Un aiuto su un player video

    Grazie

Devi accedere o registrarti per scrivere nel forum
12 risposte