Come incorporare video in un pop-up con JavaScript

July 24

Come incorporare video in un pop-up con JavaScript


JavaScript consente agli sviluppatori Web per generare il contenuto dinamico all'interno della finestra del browser corrente o in una nuova finestra del browser. Quando una nuova finestra del browser viene visualizzato sopra quello attuale, si parla di "pop-up". Pop-up in grado di visualizzare qualsiasi contenuto Web, tra cui video. La funzione "window.open ()" configurato senza un nome di file e con il parametro "newwin" crea crea il pop-up. L'(Hypertext Markup Language) tag standard HTML "<embed>", quindi carica il video nella pop-up per la visualizzazione.

istruzione

1 Avviare l'applicazione editor di testo che è disponibile sul computer.

2 Inserire il codice seguente nel editor di testo.

<Html>
<Head>
</ Head>

<Script type = "text / javascript">
Funzione openpopupvideo () {

// Questo apre una finestra pop-up si può riempire con il vostro video.
// Modificare l'altezza, la larghezza, e il nome del video in base al video specifico
WindowHandle = window.open ( "", "newwin", "height = 350, width = 350");
windowhandle.document.write ( '<title> My Video </ title>');
windowhandle.document.write ( '<embed src = "yourvideo.avi" />');
}

</ Script>
<Type = "button" input onclick = "openpopupvideo ();" value = "Clicca qui per vedere pop-up" />
</ Body>
</ Html>

3 Fare clic sul menu File. Selezionare l'opzione "Salva". Salvare sotto il nome del file "test.html" nella stessa directory del file video.

4 Avviare il browser Web che è disponibile sul computer. Fare clic sulla voce di menu "File" e selezionare "Apri file".

5 Individuare il file "test.html" appena creato e selezionare con il mouse. Fai clic su "Apri".

6 Fare clic sul pulsante che dice, "Clicca qui per vedere pop-up."

Consigli e avvertenze

  • HTML5 ha un tag specifico per l'incorporamento video. Un vantaggio di questa nuova etichetta fornisce è la capacità di offrire differenti versioni del video per gli spettatori che per un motivo o l'altro è limitato i tipi di formati possono giocare. Ecco lo script di cui sopra è modificato per utilizzare tag video di HTML5. I visitatori del tuo sito web con WebM, Ogg Theora, MP4, AVI o giocatori e codec installati possono visualizzare il video altrettanto bene.
  • <Script type = "text / javascript">
  • Funzione openpopupvideo () {
  • WindowHandle = window.open ( "", "newwin", "height = 350, width = 350");
  • windowhandle.document.write ( '<controlli video = "controlla"');
  • windowhandle.document.write ( '<source src =' 'type =' mymovie.webm video / WebM, codec = "vp8.0, Vorbis" '>');
  • OpenWindow.document.write ( '<source src =' 'type =' mymovie.ogv video / ogg; codec = "Theora, Vorbis" '>');
  • OpenWindow.document.write ( '<source src =' 'type =' mymovie.mp4 video / mp4; codec = "avc1.4D401E, mp4a.40.2" '>');
  • OpenWindow.document.write ( '<source src = "mymovie.avi" type = "video / avi" />
  • OpenWindow.document.write ( '</ video>');
  • }
  • </ Script>