Pagina 1 di 1

YouTube Video Finestra Modale (YouTube Modal Window / Popup)

Inviato: 06/10/2014, 2:28
da Anto
YouTube Video in finestra modale (YouTube Modal Window / Popup Player Plugin)

Questo BBCode phpBB3 ti consente di incorporare il player YouTube negli argomenti del tuo forum phpBB3 e vederli dentro una finestra modale.


BBCode

Uso del BBCode :

Codice: Seleziona tutto

[youtube_mw]{SIMPLETEXT}[/youtube_mw]
Trasforma in HTML :

Codice: Seleziona tutto

<a class="youtube" href="https://www.youtube.com/watch?v={SIMPLETEXT}" title="Video YouTube"><img src="/forum/images/bbcode/player.jpg" alt="Video YouTube" height="299" width="600"> </a>
Aiuto in linea :
YouTube : [youtube_mw]id_video_youtube[/youtube_mw]

Esempio :

Codice: Seleziona tutto

[youtube_mw]cLJp-YJeuzc[/youtube_mw]
Screenshot esempio :
Immagine


Modifiche

BBCode testato e funzionante con phpBB 3.0.12 e stile Prosilver

File da modificare :
  • style/prosilver/template/overall_header.html
File da caricare :
  • styles/prosilver/template/jquery.youtubepopup.min.js
  • images/bbcode/player.jpg
bbcode_youtube_mw.zip
Crea la cartella bbcode dentro la cartella images e carica il file player.jpg dentro la cartella appena creata.
Carica il file jquery.youtubepopup.min.js nella cartella template dello stile Prosilver.

PROSILVER
Apri il file style/prosilver/template/overall_header.html

Trova :

Codice: Seleziona tutto

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/styleswitcher.js"></script>
Aggiungi prima :

Codice: Seleziona tutto

<!-- INIZIO BBCODE YOUTUBE -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css" rel="stylesheet" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery.youtubepopup.min.js"></script>
<script type="text/javascript">
		$(function () {
			$("a.youtube").YouTubePopup({ autoplay: 0 });
		});
</script>
<!-- FINE BBCODE YOUTUBE -->
Svuota la cache da PCA > Generale.

Re: YouTube Video Finestra Modale (YouTube Modal Window / Po

Inviato: 12/10/2014, 3:11
da ComeOn
wow da provare

Re: YouTube Video Finestra Modale (YouTube Modal Window / Popup)

Inviato: 15/11/2017, 17:42
da twm
Bello !! Ma esiste per 3.1.11 ??
Così come è, non è installabile

Re: YouTube Video Finestra Modale (YouTube Modal Window / Popup)

Inviato: 03/04/2024, 6:35
da ciocgun
Ecco alcune delle soluzioni che ho trovato:

Usare un plugin JavaScript: Esistono diversi plugin Javascript che possono essere utilizzati per creare finestre modali. Questi plugin sono generalmente facili da usare e offrono diverse opzioni di personalizzazione.
Usare Bootstrap: Bootstrap è un framework CSS che include un componente per la creazione di finestre modali. Questa è una buona opzione se si sta già utilizzando Bootstrap per il proprio sito web.
Scrivere il codice Javascript manualmente: Se si ha familiarità con JavaScript, è possibile scrivere il codice per creare una finestra modale manualmente. Questa opzione offre la massima flessibilità, ma richiede anche più tempo e competenze.
Quali sono i pro e i contro di ciascuna di queste soluzioni?

Plugin JavaScript:

Pro:

Facili da usare
Offrono diverse opzioni di personalizzazione
Contro:

Possono rallentare il caricamento della pagina
Possono essere incompatibili con altri plugin o script
Bootstrap:

Pro:

Facile da usare se si sta già utilizzando Bootstrap
Offre un'interfaccia utente coerente con il resto del sito web
Contro:

Richiede l'utilizzo di Bootstrap
Non offre la stessa flessibilità di scrivere il codice manualmente
Scrivere il codice JavaScript manualmente:

Pro:

Offre la massima flessibilità
Non rallenta il caricamento della pagina, prezzi farmaco
Contro:

Richiede più tempo e competenze
Può essere più difficile da debugare
Qual è la soluzione migliore per me?

La soluzione migliore per te dipenderà dalle tue esigenze specifiche e dalle tue competenze tecniche. Se sei alle prime armi con JavaScript, ti consiglio di utilizzare un plugin o Bootstrap. Se hai più esperienza e hai bisogno di una maggiore flessibilità, puoi scrivere il codice manualmente.

Altri fattori da considerare:

Dimensione della finestra modale: La finestra modale dovrebbe essere abbastanza grande da ospitare il video comodamente, ma non così grande da oscurare il resto della pagina.
Posizione della finestra modale: La finestra modale dovrebbe essere posizionata al centro della pagina o in alto a sinistra.
Pulsanti di chiusura: La finestra modale dovrebbe avere un pulsante di chiusura che permetta all'utente di chiuderla facilmente.