Sådan Integrer videoer i en pop-up med JavaScript

July 20

Sådan Integrer videoer i en pop-up med JavaScript


JavaScript giver webudviklere til at generere indhold dynamisk inden for det aktuelle browservindue eller i et nyt browservindue. Når en ny browser vindue viser over nuværende, kaldes det en "pop-up". Pop-ups kan vise enhver webindhold, herunder videoer. Den "window.open ()" funktionen er konfigureret uden et filnavn og med parameteren "newwin" skaber skaber pop-up. Den standard HTML (Hypertext Markup Language) tag "<embed>" indlæser så videoen i pop-up til visning.

Instruktioner

1 Start almindelig tekst editor program, der er tilgængelige på din computer.

2 Indtast følgende kode i teksteditoren.

<Html>
<Head>
</ Head>

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

// Dette åbner op et pop up vindue, du kan fylde med din video.
// Ændre højde, bredde og video navn til at matche dine specifikke video
windowhandle = window.open ( "", "newwin", "height = 350, width = 350");
windowhandle.document.write ( '<title> My Video </ title>');
windowhandle.document.write ( '<embed src = "yourvideo.avi" />');
}

</ Script>
<Input type = "knappen" onclick = "openpopupvideo ();" value = "Klik her for at se pop-up" />
</ Body>
</ Html>

3 Klik på menuen Filer. Vælg "Gem" valgmulighed. Gem under filnavnet "test.html" i samme mappe som din video-fil.

4 Start webbrowseren, der er tilgængelig på din computer. Klik på "Filer" menupunktet, og vælg "Åbn fil".

5 Find filen "test.html" bare oprettet, og vælg den med musen. Klik på "Åbn".

6 Klik på den knap, der siger, "Klik her for at se Pop-Up".

TIPS

  • HTML5 har et tag specifikt til indlejring videoer. En fordel denne nye tag giver er evnen til at tilbyde forskellige versioner af din video for seere, der af den ene eller anden grund er begrænset i de typer af formater, de kan spille. Her scriptet ovenfor modificeret til at bruge HTML5 video tag. Besøgende på dit website med WebM, Ogg Theora, MP4 eller AVI-afspillere og codecs installeret kan se din video lige godt.
  • <Script type = "text / javascript">
  • funktion openpopupvideo () {
  • windowhandle = window.open ( "", "newwin", "height = 350, width = 350");
  • windowhandle.document.write ( '<video kontrol = "styrer"');
  • windowhandle.document.write ( '<kilde src =' mymovie.webm "type =" video / WebM, codecs = "vp8.0, Vorbis" '>');
  • OpenWindow.document.write ( '<kilde src =' mymovie.ogv "type =" video / ogg; codecs = "Theora, Vorbis" '>');
  • OpenWindow.document.write ( '<kilde src =' mymovie.mp4 »type = 'video / mp4, codecs =" avc1.4D401E, mp4a.40.2 "'> ');
  • OpenWindow.document.write ( '<kilde src = "mymovie.avi" type = "video / avi" />
  • OpenWindow.document.write ( "</ video> ');
  • }
  • </ Script>