Ajout d'un "Play" image sur une vidéo YouTube intégré


Ajout d'un jeu d'image à votre site Web est une façon intelligente de personnaliser des vidéos YouTube embarqués sur votre site.

Pour ce faire, vous devez:




- Ajoutez votre Javascript pour le «chef» de la page

- Codage CSS

- Créer une image pour être votre bouton de lecture

- Ajoutez le code pour le fichier HTML dans lequel vous souhaitez insérer votre vidéo

Ajout Javascript

et le plongement vidéo

Pour faire la fonction d'image de jeu correctement, vous aurez besoin d'inclure certaines Javascript sous la tête de 'vos sites Web.

start_video fonction () {

var iframe =

'';

document.getElementById ("video_player") innerHTML = iframe.

}

IMPORTANT: Le format vidéo actuel est défini par défaut 590px par 360px, si vous voulez changer la taille de la vidéo, vous devez modifier la largeur et la hauteur montants en iframe. Se il vous plaît noter également que l'image est créée comme une image du jeu sera le même que la taille de votre vidéo.

CSS

Vous allez vouloir créer un conteneur pour votre vidéo et de l'image. Le div doit être nommé "video_player" de travailler avec notre Javascript.

Le code suivant est pour le format vidéo par défaut, la hauteur et la largeur doivent être changés pour la taille de la vidéo, si vous

#video_player {

hauteur: 360px;

largeur: 590px;

background-color: black;

overflow: hidden;

}

Image Création

Créer un jeu d'image avec l'éditeur de votre choix, en se assurant que la taille de l'image est égale à la taille de votre vidéo (par défaut 590px par 360px). Vous devrez ensuite télécharger votre image dans les sites de dossier d'image, ou une base de données d'images en ligne tels que Flickr.

insérer la vidéo:

Collez le code suivant dans votre site où vous voulez que votre vidéo soit, pour remplacer le «lien ici lieu IMAGE 'images avec votre url.

À propos de la conception Andy B Wallace

Andy Wallace B Design est une entreprise de marketing et de conception de Melbourne sur la base. Nos services comprennent identité matérielle d'entreprise, conception graphique, et la conception du site Web, y compris les sites Web Content Management.

(0)
(0)

Commentaires - 0

Sans commentaires

Ajouter un commentaire

smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile
Caractères restants: 3000
captcha