Com inserir un vídeo en HTML

Un lloc web a Internet és un mitjà per promocionar un servei o un ítem. Però, què és un recurs web sense contingut multimèdia? Gairebé tots els llocs tenen vídeos que expliquen, atreu, interessen. Per tant, el propietari del recurs web busca aprendre a inserir el vídeo en HTML.

Maneres de crear llocs

Així doncs, els llocs web: l'oportunitat de presentar informació de manera interactiva. Com vostès saben, els recursos d'Internet consisteixen en pàgines enllaçades per hipervincles. Com puc crear el meu propi lloc web?

1. Utilitzeu la tecnologia dels blocs. Què vol dir això? Registreu-vos al lloc i obteniu un nom de domini de segon nivell. Gràcies a aquesta oportunitat, el propietari del lloc es converteix en l'administració del seu recurs i obté accés a un tauler especial. Amb l'ajuda d'ell, podeu transformar la vostra "idea" al vostre gust.
2. Aprofiteu els nombrosos dissenyadors de llocs web desenvolupats, com ucoz.ru, jimdo.com, setup.ru, Wix.com, A5.ru, Fo.ru, rusedu.net, etc.
3. Desenvolupar un recurs d'Internet a través de CMS, és a dir, un sistema de gestió de llocs.
4. Dissenyeu el vostre propi disseny de "brainchild" i torneu a crear-lo utilitzant el llenguatge de programació HTML.

Tanmateix, avui és gairebé impossible crear un lloc web HTML completament funcional, però sabent aquest idioma, es poden ajustar els dissenys de pàgines web, podeu canviar l'estructura en plantilles preparades.

Components de la part de la tecnologia web

La tecnologia web es divideix en els següents components bàsics:

1. Diferents tipus de xarxes informàtiques interactuen entre elles a través del protocol TCP / IP.
2. La Web s'ha convertit en una de les aplicacions d'Internet destinades a la difusió massiva d'una varietat d'informació.
3. En la tecnologia web, els operadors de dades són pàgines que contenen continguts multimèdia (gràfics, vídeo, hipervincles), de manera que necessiteu saber com inserir el vídeo en HTML.
4. Per transferir informació d'hipertext, la tecnologia web utilitza el protocol HTTP.
5. Per dissenyar i crear pàgines web, s'utilitza el llenguatge de marcat d'hipertext HTML.
6. Per visualitzar recursos a Internet, heu d'utilitzar el navegador.

Mètode # 1: inserció de contingut multimèdia (vídeo) mitjançant etiquetes HTML5

Hi ha diverses maneres d'inserir contingut de vídeo en una pàgina web. Hi ha tres opcions: inserir a través d'HTML, reproductor o YouTube. Per començar, cal crear un fitxer HTML5 normal que contindrà els estils de pàgina i diversos subtítols. Després de la preparació, podeu triar un dels mètodes i gaudir del resultat.

1. Cerqueu el tercer encapçalament i escriviu el codi directament a sota d'ell:
2. Obriu la pàgina al navegador i assegureu-vos que el vídeo aparegui.
3. Assegureu-vos d'establir correctament la ruta d'accés al clip.
4. Per inserir un vídeo en HTML era alfabetitzat, cal marcar el tauler de control de vídeo. El paràmetre de controls és responsable d'això.

Cal assenyalar que aquest mètode no es percep per a tothom. Per exemple, al navegador Opera, el vídeo posat d'aquesta manera no es reproduirà. Per evitar aquesta situació, heu de convertir el vídeo a tipus Ogg Theora, canviar el codi.

Podeu convertir el fitxer a través del servei online-convert.com. A continuació, heu de canviar el codi a això:

Si el navegador antic no entén una etiqueta, el codi podria tenir aquest aspecte.

Mètode número 2. Com inserir un vídeo en HTML utilitzant el reproductor

El contingut del vídeo es pot inserir en HTML sense cap càrrega prematura al servei de vídeo. Per tant, podeu utilitzar l'script del reproductor per posar la pel·lícula desitjada en un lloc amb l'extensió .mp4 o .flv. En primer lloc, heu de triar la pel·lícula. A continuació, heu de triar un dels molts jugadors lliures. Com a alternativa, podeu utilitzar Flowplayer.

1. Heu de descarregar els fitxers del reproductor especificat a l'ordinador local.
2. Descomprimiu-los en una carpeta específica del lloc que s'està creant.
3. Obriu el fitxer HTML i connecteu el fitxer javascript del reproductor al fitxer preparat. Per fer-ho, heu d'escriure un codi especial a l'etiqueta HEAD. Important : especifiqueu correctament la ruta d'accés a la carpeta!
4. Cal col·locar el reproductor en un fitxer HTML. Aquí heu d'assignar correctament la ruta d'accés als fitxers. Especifiqueu immediatament la configuració que prohibeixi que el vídeo comenci automàticament. Si voleu que el vídeo comenci a "automàtic", haureu d'eliminar la coma després de la ruta del fitxer, tancar el parèntesi (arrodonit) i posar un punt i coma.

Aquest mètode és bastant simple i senzill d'afegir vídeo a HTML. Per cert, aquesta opció és utilitzada per molts programadors web.

Mètode # 3. Inserció d'un vídeo en HTML des de YouTube

Un cop creat el fitxer preparatori HTML5, podeu començar a inserir contingut de vídeo des del servei de YouTube.

1. En primer lloc, heu de seleccionar un clip de vídeo que es mostrarà a la pàgina. S'ha d'emmagatzemar a l'ordinador local.
2. Heu d'anar a youtube.com. Heu de crear el vostre compte o iniciar sessió en un d'existent.
3. Després d'iniciar sessió a la vostra pàgina a YouTube, heu de fer clic al botó "Afegeix un vídeo" i apareixerà una finestra que us indicarà que seleccioneu el fitxer per carregar. El vídeo seleccionat es descarregarà després d'un temps.
4. Podeu anar a l'enllaç del fitxer baixat, que es troba a la part superior.
5. Per obtenir el codi per inserir un vídeo, heu de fer clic a "Comparteix" i "Codi HTML". La pàgina donarà a conèixer el codi del programa que es necessita. Aquí podeu especificar aquests paràmetres, com ara: mode de privadesa, mida del vídeo, la possibilitat de mostrar entrades semblants.
6. Després d'establir els paràmetres, el codi es copia i enganxa al fitxer HTML preparat.
7. Tot està preparat. Ara està clar com inserir un vídeo en HTML des del servei de YouTube.

Així, hi va haver diverses maneres d'inserir el vídeo en HTML. Quina opció per triar és que el programador web o el propietari del lloc decideixin.