mynewspapers.net

Hur till bädda in flera videor med iFrame

Hur till bädda in flera videor med iFrame


Du kan bädda in flera filmer i en webbsida. I stället för bland annat ett separat iFrame-element för varje video som du vill inkludera, kan du använda en enda iFrame-elementet och länka flera videoklipp till den. Detta kan användaren välja en video i taget att spela inom den samma video spelaren på din sida. Du kan länka flera videor till en iFrame-element, måste du inkludera en fästpunkt för varje video du vill spela. Denna metod fungerar för YouTube-videor, som du kan identifiera med hjälp av video ID-strängen.

Instruktioner

• Lägg en lista på din sida. Inkluderar en HTML onumrerade eller numrerad lista inuti kroppen avsnittet på sidan som följer: < ul >< li >< /li >< li >< /li >< li >< /li >< /ul > Lägg till en lista objekt för varje video som du vill inkludera på din sida. Denna kod använder tre objekt för demonstration men du kan ta med så många du vill.

• Förbereda video webbadresser. När du har en lista över URL: er video du vill spela inom din sida, ta med var och en inuti ett listobjekt i listan, att utvidga den befintliga koden enligt följande: < ul >< li >< en href = "http://www.youtube.com/embed/VRGf7Cj606A" target = "vid_player" > Video 1 < /a >< /li >< li >< en href = "http://www.youtube.com/embed/ZaJHHzKfs5A" target = "vid_player" > Video 2 < /a >< /li >< li >< en href = "http://www.youtube.com/embed/q-orkfBcy7Q" target = "vid_player" > Video 3 < /a >< /li >< /ul > dessa länkar alla lista YouTube-videor. Ändra "href" attribut för att passa adresserna till dina egna valda videor. Observera att "måltavlan" attributen i varje ankare element visar "vid_player" - är namnet på iFrame där videor kommer att spela. Ändra innehållet som visas mellan inledandet och avslutande ankare Taggar för att passa länkar du vill att användarna ska kunna Klicka på.

• Inkluderar en iFrame-elementet. Efter listan du beredd, Lägg ett iFrame-element på din sida så här: < iframe typ = "text/html" width = "640" höjd = "385" namn = "vid_player" >< / iframe > tillkännagivande att attributet "name" matchar "måltavlan" attributen i länklistan. Ändra bredd och höjd som passar storleken du vill du video spelaren vara på sidan.

• Bädda in en video. Förlänga din iFrame-elementet om du vill bädda in en video så här: < iframe type = "text/html" width = "640" höjd = "385" src = "http://www.youtube.com/embed/VRGf7Cj606A" namn = "vid_player" >< / iframe > i detta fall videon är först i listan, så att användarna kommer att kunna växla mellan de tre anges, med den första som visas på första sidan laddades. Om du planerar inklusive YouTube-videor, kan du lägga den rekommenderade "klass," attributen "allowfullscreen" och "frameborder": < iframe klass = "youtube-spelaren" type = "text/html" width = "640" höjd = "385" src = "http://www.youtube.com/embed/vEowKKVbpmw" allowfullscreen frameborder = "0" namn = "vid_player" >< / iframe >