Plug-in video con modulo richiesta informazioni finale

  • valeriyakirkova

    (@valeriyakirkova)


    1 anno, 3 mesi fa

    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)

    1 anno, 2 mesi fa

    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.

Tag