Supporto » Funzionalità = Plugin » Plug-in video con modulo richiesta informazioni finale

  • Buongiorno a tutti ☺️
    scrivo perchè sono alla ricerca di un plug-in per poter inserire all’interno del mio sito un video.
    Il video deve avere un vincolo: finchè non è terminata la riproduzione non si può continuare a scorrere la pagina.
    Al suo termine si può procedere per poter poi compilare un form di richiesta informazioni.

    Sapete aiutarmi ed indicarmi un plug-in che mi permetta di fare quanto descritto?

    Grazie a tutti coloro che sapranno rispondermi!

Stai visualizzando 1 risposte (di 1 totali)
  • Enzo Mele

    (@enzome85)

    Ciao @valeriyakirkova ,

    Grazie per aver scritto sul Forum di supporto di WordPress.org ,
    Per quanto riguarda i plugin non saprei consigliarti,
    però se vuoi ti lascio qui sotto uno script che ho scritto.

    Puoi inserirlo nella pagina dove ti occorre, semplicemente aggiungendo dell’html personalizzato e modificando l’id del video caricato su YouTube e lo ShortCode del Form (o altro shortcode).

    Ti lascio lo script qui sotto:

    <!DOCTYPE html>
    <html>
    <head>
      <title>Video Player and WpForm/or other, only at the end of the video(version WordPress Media Video)</title>
    </head>
    <body>
      <video id="player" controls>
        <!-- Replace "VIDEO_URL" with the URL of your uploaded video from the WordPress media library -->
        <source src="VIDEO_URL" type="video/mp4">
        <!-- You can add more source elements for different video formats (e.g., WebM, Ogg) -->
        Your browser does not support the video tag.
      </video>
      <div id="form" style="display: none;">
        <!-- Insert your WPForms or other shortcode here -->
        [Your ShortCode]
      </div>
    
      <script>
        // Function called when the video ends
        function showForm() {
          document.getElementById('form').style.display = 'block';
        }
    
        // Code to add an event listener for the 'ended' event of the video
        const player = document.getElementById('player');
        player.addEventListener('ended', showForm);
    
        // Code to pause the video when the form is shown (optional)
        document.getElementById('form').addEventListener('click', function() {
          player.pause();
        });
      </script>
    </body>
    </html>

    P.S.: Ho scritto anche una versione nel caso il video sia su YouTube che utilizza anche l’API YouTube Iframe, la trovi qui

    Spero di esserti stato utile 🙂

    Tienimi aggiornato,
    Enzo

Stai visualizzando 1 risposte (di 1 totali)
  • Il topic ‘Plug-in video con modulo richiesta informazioni finale’ è chiuso a nuove risposte.