Condexatedenbay.com


Comment faire pour incorporer plusieurs vidéos avec iFrame



Vous pouvez incorporer plusieurs vidéos en une seule page Web. Plutôt que d'inclure un élément iFrame distinct pour chaque vidéo que vous voulez inclure, vous pouvez utiliser un élément iFrame unique et plusieurs vidéos des liens vers celle-ci. Cela permet la vidéo sélectionner l'utilisateur à la fois à jouer au sein de ce même lecteur vidéo sur votre page. Pour lier plusieurs vidéos à un élément iFrame, vous devez inclure une balise d'ancrage pour chaque vidéo que vous voulez jouer. Cette méthode fonctionne pour des vidéos de YouTube, vous pouvez identifier à l'aide de la chaîne d'ID de vidéo.

Instructions

• Ajouter une liste à votre page. Inclure une liste non numérotée ou numérotée en HTML à l'intérieur de la section de corps de votre page comme suit : < ul >< li >< /li >< li >< /li >< li >< /li >< /ul > liste ajouter une question pour chaque vidéo que vous souhaitez inclure dans votre page. Copiez le code suivant utilise trois éléments de la liste pour la démonstration, mais vous pouvez inclure autant que vous le souhaitez.

• Préparer les URL de vidéo. Une fois que vous avez une liste de toutes les URL vidéo vous voulez jouer au sein de votre page, inclure chacun d'eux à l'intérieur d'un élément de liste dans la liste, s'étendant de l'actuel code comme suit : < ul >< li >< a href = « http://www.youtube.com/embed/VRGf7Cj606A » target = « vid_player » > Video 1 < /a >< /li >< li >< a href = « http://www.youtube.com/embed/ZaJHHzKfs5A » target = « vid_player » > Video 2 < /a >< /li >< li >< a href = « http://www.youtube.com/embed/q-orkfBcy7Q » target = « vid_player » > Video 3 < /a >< /li >< /ul > ces liens toutes les vidéos de YouTube de liste. Modifier les attributs « href » en fonction de l'adresse de vos propres vidéos choisies. Notez que l'attribut de « cible » de chaque élément d'ancrage affiche « vid_player » - ce sera le nom de l'iFrame dans lequel joueront les vidéos. Modifier le contenu qui apparaît entre l'ouverture et la fermeture des balises d'ancrage en fonction des liens vous souhaitez que vos utilisateurs pour pouvoir cliquer sur.

• Inclure un élément iFrame. Après la liste que vous avez préparé, ajoutez un élément iFrame pour votre page comme suit : < iframe type = « text/html » width = « 640 » height = « 385 » name = « vid_player » >< / iframe > avis que l'attribut « name » correspond à l'attribut « target » dans la liste des liens. Modifier la largeur et la hauteur en fonction de la taille que vous voulez vous lecteur vidéo dans la page.

• Intégrer une vidéo. Étendre votre élément iFrame pour intégrer une vidéo comme suit : < iframe type = « text/html » width = « 640 » height = « 385 » src = « http://www.youtube.com/embed/VRGf7Cj606A » name = « vid_player » >< / iframe > dans ce cas la vidéo est le premier dans la liste, donc les utilisateurs seront en mesure de basculer entre les trois répertoriés, avec le premier qui apparaît sur le premier chargement de la page. Si vous prévoyez y compris les vidéos de YouTube, vous pouvez ajouter le recommandé "classe","attributs « allowfullscreen » et « frameborder »: < iframe classe = « youtube-joueur » type = « text/html » width = « 640 » height = « 385 » src = « http://www.youtube.com/embed/vEowKKVbpmw » allowfullscreen frameborder = « 0 » name = « vid_player » >< / iframe >