En este artículo hablaremos sobre cómo insertar un video en un sitio web y aprenderemos cómo:

Coloque sus archivos en sitios de alojamiento de videos y muéstrelos en el sitio.

Sube vídeos a tu hosting y muéstralos en el sitio usando el reproductor.

No es ningún secreto que el vídeo se está convirtiendo cada año en un tipo de contenido cada vez más popular. Hoy en día, ya no es fácil mantener a los usuarios comunes en su sitio web o recurso sólo con la ayuda de hermosas imágenes y textos bien escritos; necesita un video que haga que su estadía en el sitio sea aún más interesante; Pasemos a las instrucciones:

Cómo subir un vídeo a Youtube:

En primer lugar, debes iniciar sesión en tu cuenta de YouTube.

Haga clic en el botón Agregar video en la parte superior de la página.

Seleccione un vídeo para descargar. (Tenga en cuenta que el video no debe violar los derechos de autor. Si desea agregar música famosa al video, deberá comprarla).

Mientras se descarga el archivo, complete la información básica sobre el video y, si es necesario, parámetros adicionales.

Para agregar un video a YouTube, haga clic en Publicar.

Hasta que hagas clic en el botón Publicar, el vídeo solo estará disponible para ti.

Con más instrucciones detalladas Puedes encontrar información sobre cómo subir vídeos a Youtube en la página de soporte.

Inserte un vídeo de Youtube en su sitio web:

Para insertar un vídeo ya subido (existente) en Youtube:

Analizamos varias formas de insertar código de videos que ya se cargaron en uno de los sitios de alojamiento de videos más populares.

Ahora veamos las opciones para reproducir video con el video descargado en su servidor.

Incrustar vídeo en un sitio web usando HTML5

Para este método necesitarás una etiqueta de video.

< span class = "tag" ><< span class = "title" >video< / span >>< / span > < span class = "tag" ><< span class = "title" >fuente< / span > < span class = "attribute" >src =< span class = "value" >"URL"< / span > < / span >>< / span > < span class = "tag" >< /< span class = "title" >video< / span >>< / span >

Sube el video al servidor;

Copie el código anterior;

Pegamos el código copiado en la parte del sitio que necesitamos;

Cambiamos la URL a la ruta al archivo que colocamos en el hosting.

Guarde los cambios y actualice la página.

Hay varios atributos para la etiqueta de video y algunos de ellos se encuentran en los códigos que ofrecen los sitios populares de alojamiento de videos.

En primer lugar, me gustaría hablar sobre atributos como alto (alto), ancho (ancho).

Con su ayuda, puedes ajustar la altura y el ancho del área para la reproducción de video.

• src es el atributo más importante; especifica la ruta al vídeo.
• reproducción automática: reproduce el vídeo inmediatamente después de que se carga la página.
• bucle: repita la reproducción del vídeo al finalizar
• póster: especifica la dirección de la imagen que se mostrará mientras el vídeo no esté disponible o en reproducción.
• precarga: descarga el vídeo junto con la carga de la página web.

Insertar video en el sitio web usando el reproductor

Ahora hay muchos reproductores diferentes en Internet que puedes utilizar en tu sitio web. Como ejemplo, elegí uno de los populares flowplayers.

y luego descomprímalo;

Cree una carpeta y coloque en ella los archivos del archivo;

Conecte el archivo javascript del reproductor al archivo html. Para hacer esto, dentro de la etiqueta head, escriba el siguiente código:

Tenga más cuidado al especificar la ruta al archivo. No puede crear una carpeta, sino colocar el archivo de script en cualquier otra carpeta, por ejemplo, en una carpeta con otros scripts.

Ahora coloquemos el reproductor en el código de la página y, en consecuencia, el archivo de vídeo.

< ! -- the player -- > < div data - swf = "flowplayer.swf" data - ratio = "0.4167" > < video > < source type = "video/webm" src = "https://путь к вашему видео файлу если он в формате.webm" > < source type = "video/mp4" src = "https://путь к вашему видео файлу если он в формате.mp4" > < / video >

Ya escribí sobre cómo insertar tu música en . Propongo considerar un tema igualmente urgente: cómo insertar tu propia música en mafia 3. Por cierto, las tres partes del juego mafia difieren solo en la trama y los personajes adicionales. Pero en general los juegos son muy similares. Por lo tanto, como en la segunda parte, es necesario descargar un programa complementario especial. Con su ayuda podrás crear tu propia radio, es decir, hacer tu propia lista de reproducción con canciones.

El programa es absolutamente gratuito. Puedes descargar sin registro y SMS. La instalación no lleva más de 5 minutos. Importante: después de la instalación, el programa puede "solicitar" reiniciar la computadora. ¡Que no cunda el pánico, esto es normal! Entonces, cómo insertar tu música en mafia 3: mods para mafia 2, maifa 1 y 3.

Cómo insertar tu música en Mafia 3

Para crear tu propia radio en la tercera versión de Mafia, debes descargar el programa Mafia 2 Music Manager 1.3. Una de las funciones importantes del programa: puedes escuchar canciones no solo durante el juego, sino también simplemente iniciando la aplicación. Por cierto, todas tus listas de reproducción se guardan. Por lo tanto, no es necesario volver a actualizar la lista.

Quizás esto te sea útil)

Hoy debido a la actualización de WordPress El procedimiento para editar una foto cargada ha cambiado. En general, la edición se ha vuelto más fácil. El procedimiento para cargar fotos desde su computadora sigue siendo el mismo.

Para insertar una foto en un sitio web o en el texto de un artículo, primero coloque el cursor en el lugar del texto donde desea colocar la foto. Luego haga clic en el botón "Agregar medios". Se encuentra entre el título del artículo y la consola de edición de texto. (Ver Figura 1)

(Ver Figura 1)

En la ventana "Insertar archivo multimedia" que se abre, haga clic en el enlace "Subir archivos" (ver figura 2)

(Figura 2)

En la siguiente ventana, haga clic en el botón "Seleccionar archivos" (ver Fig. 3)

(ver figura 3)

Se abrirá una ventana adicional frente a usted. Prepare con antelación las fotografías que desea publicar en el sitio y recójalas en carpeta separada en tu ordenador. A través de una ventana adicional, ingrese a esta carpeta y seleccione una foto haciendo clic una vez en la imagen con el mouse. Si necesita insertar todas las fotos a la vez, selecciónelas todas.

Después de eso, haga clic en el botón "Abrir", que se encuentra en la esquina inferior derecha de la ventana adicional. (ver figura 4)

(ver figura 4)

La foto seleccionada se cargará en el sitio y se ubicará en la pestaña "Archivos multimedia" y en el futuro, si es necesario, se podrá cargar en otros artículos del sitio, no es necesario volver a cargarla desde la computadora; . EN ventanas activas a la derecha, ingrese la información requerida (ver figura 5):

- en "Título" y "En el atributo alt" - ingresa el título de tu artículo.

– en “Descripción” – escribe en una oración de qué trata tu artículo. El texto de la propuesta debe contener el título del artículo (ver Fig. 5).

Luego haga clic en el botón "Insertar en la página". Si escribe texto no en la "Página", sino en la "Publicación", tendrá un botón "Insertar en el registro": haga clic en él.

(Figura 5)

La foto aparecerá en el lugar donde previamente colocaste el cursor. Inicialmente, la foto no se cargará en el tamaño que se verá óptimo en la página del sitio (consulte la Figura 6). Pero esto se puede solucionar fácilmente.

(Figura 6)

Para editar una imagen, mueva el cursor sobre ella y haga clic izquierdo una vez. La imagen quedará cubierta con un fondo azul, luego haga clic en la imagen en la esquina superior izquierda (ver Fig. 7)

(Figura 7)

Después de hacer clic en el icono, como se muestra en la Figura 7, accederá al panel de edición de fotografías (consulte la Figura 8). Aquí también deberá ingresar la información necesaria para mejorar la indexación de la foto cargada:

— en la línea “Título”, ingrese el título de su artículo;

— en la línea “Atributo Alt” — ingrese también el título de su artículo;

Luego elija la ubicación de su imagen en el sitio: "Izquierda", "Derecha", "Centro" o "Ninguno".

Después de ingresar toda la información necesaria, haga clic en la pestaña "Avanzado" en la línea superior de la ventana adicional".

(Figura 8)

En esta página puede establecer las dimensiones de la foto, es decir, el ancho, alto y distancia del texto desde los bordes de la foto. Establezca los tamaños ligeramente más pequeños que los predeterminados. Luego cuando miras. cómo se verá la foto en el sitio web, las dimensiones se pueden cambiar fácilmente y se pueden configurar las apropiadas.

En la casilla activa “Abrir en una pestaña nueva”, marca la casilla. Si hace clic en la foto directamente en el sitio, se abrirá en una nueva ventana (ver Fig. 9).

(Figura 9)

Después de ingresar toda la información necesaria, haga clic en el botón "Actualizar" en la esquina inferior izquierda de la ventana adicional. Eso es todo, tu foto se inserta en el texto. En el editor se verá así (ver Figura 10). Haga clic en el botón "Guardar". Antes de publicar, haga clic en la pestaña "Ver" y observe cómo se ve el artículo con fotos en el sitio. Si es necesario, realice ajustes de tamaño y vuelva a guardar la página. Luego haga clic en el botón Publicar.

(Figura 10)

La foto está insertada en el artículo y parece correcta en el sitio web (ver Figura 11)

(Figura 11)

Si es necesario reposicionar la foto no en el medio, sino a la derecha o a la izquierda (ver Fig. 12), proceda en el siguiente orden.

(Figura 12)

Haz clic en la foto y entra al panel de edición. Aquí seleccione "Alineación" "Izquierda" (ver Figura 13)

(Figura 13)

Complete todos los datos necesarios en el mismo orden y haga clic en el botón "Actualizar" (ver Figura 14)

(Figura 14)

Después de publicar el artículo, la foto en el sitio tendrá el aspecto que se muestra en la Figura 15.

(Figura 15)

Espero que no tenga ninguna dificultad para publicar fotografías y dibujos en el sitio. Si encuentra alguna imprecisión o punto poco claro, hágamelo saber en los comentarios.

Lea el artículo en este sitio.

¿Quieres saber cómo puedes “intercambiar caras” con un amigo, familiar o celebridad favorita? ¡La magia del fotomontaje te ayudará con esto! ¿Cómo funciona? Los motores de búsqueda, previa solicitud, probablemente ofrecerán utilizar Photoshop, pero este programa no será adecuado para personas no profesionales. La mejor opción es una sencilla, como un “Home Photo Studio”. En este artículo, aprenderá cómo insertar otra cara en una foto sin ninguna experiencia en edición de fotografías.

Paso 1. empecemos a trabajar

Para comenzar, le sugerimos instalarlo en su PC. Siga las instrucciones del asistente de instalación: el programa estará listo para funcionar en tan solo un minuto. Inicie la utilidad. EN ventana de inicio Seleccione la opción "Abrir foto" y busque el archivo de foto que desea editar.

Puede comenzar a trabajar inmediatamente después de instalar el programa.

Paso 2. Fotomontaje

La siguiente etapa es la más crucial. En el menú principal, haga clic en la pestaña "Diseño" y búsquelo en la lista. En la ventana que aparece, crea nueva capa. Para hacer esto, haga clic en Agregar capa > Foto y cargue la foto que desea superponer.

Con el montaje fotográfico, puedes superponer fácilmente una foto encima de otra.

A la hora de elegir una foto conviene recordar que ambas fotografías deben tener aproximadamente la misma resolución y calidad. Además, las caras deben fotografiarse desde un ángulo lo más parecido posible.

En la lista, seleccione la capa con la imagen agregada y haga clic en "Recortar foto". Automáticamente aparecerá una nueva ventana. Utilice cualquier forma de recorte. Delinea con cuidado tu rostro, intentando evitar objetos innecesarios como accesorios. Si resulta desigual, use la opción "Restablecer selección" e inténtelo nuevamente. Cierre la línea de puntos haciendo doble clic con el mouse. Aumente el valor en la escala de Desenfoque de borde arrastrando el control deslizante hacia la derecha y haga clic en Aplicar.

Amplíe su foto para que el resultado sea lo más preciso y exacto posible.

Ahora descubramos cómo insertar otra cara en la foto para que la diferencia no se note. Para hacer esto, necesitas transformar la capa recortada. Cambie el tamaño de la nueva imagen arrastrando la selección por las esquinas. La cara "nueva" debe coincidir con el tamaño de la cara de la imagen original. Si es necesario, gire la capa moviendo el control deslizante en la escala de Ángulo de rotación. El modo de fusión será "Normal" de forma predeterminada, pero puedes elegir uno diferente si lo deseas. ¡Listo! Haga clic en el botón "Aplicar".

Ajuste la superposición de capas para que la "nueva" cara se vea lo más natural posible

Paso 3. Niveles y corrección de color.

Todavía es demasiado obvio que el rostro fue tomado de otra foto. Hagamos una corrección de color simple. Para hacer esto, en la pestaña "Imagen", abra "Niveles". Es muy fácil entender cómo utilizar esta función. Hay 3 controles deslizantes en la escala de "Niveles de entrada": blanco (tonos claros), gris (tonos medios) y negro (tonos oscuros). Con su ayuda, puedes ajustar de manera integral el brillo de una foto. Cambie la posición de los controles deslizantes para oscurecer (derecha) o aclarar (izquierda) la imagen. Luego guárdelo haciendo clic en "Aceptar".

Al ajustar los niveles, puede hacer que la imagen con la cara "nueva" sea más monocromática.

Etapa 4. Trabajamos con detalles

Ahora ya sabes cómo insertar otra cara en una foto de la forma más natural posible, pero tus posibilidades no se limitan a esto. Si es necesario procesar áreas específicas de la imagen, utilice las herramientas del panel de la izquierda. Seleccione Pincel de desenfoque para que la transición desde la foto original sea aún más suave. Ajuste los parámetros de la herramienta: cuanto más pequeño sea el objeto que se procesa, menor será el tamaño y la transparencia del pincel.

También puedes oscurecer o aclarar ciertas áreas de la foto de la misma manera, agregarles nitidez, contraste o saturación. Simplemente seleccione el pincel apropiado de la barra de herramientas y procese la parte deseada de la imagen.

Utilice pinceles de subexponer y sobreexponer para agregar dimensión a su imagen.

Paso #5. Guardar y compartir con amigos

Evaluamos el resultado final.

El fotomontaje te ayudará a probar el papel de tu personaje de película favorito.

Puedes ajustar la calidad de la foto antes de guardarla.

¡Listo! Ahora sabes que insertar una cara en otra foto en Photoshop no es la única solución. Esta instrucción es universal, úsala en la práctica como quieras. ¡Entérate y descubre nuevas características del programa! "Home Photo Studio" será para ti fiel asistente en cualquier situación en la que necesite procesar una fotografía con alta calidad.

Hemos lanzado un nuevo libro “El marketing de contenidos en en las redes sociales: Cómo entrar en la cabeza de tus suscriptores y enamorarlos de tu marca.”

Hay muchas herramientas que están listas para ayudarlo a mejorar su sitio web y aumentar la eficiencia. Negocios en línea y establecer interacción con los clientes. Muchas de estas herramientas son gratuitas. Pero, ¿qué pasa si no eres desarrollador web y no sabes cómo instalarlos en tu sitio? Este es un gran obstáculo.

Por irónico que parezca, una empresa que desarrolla herramientas útiles para su sitio también tiene un obstáculo para su propia prosperidad: la necesidad de obligar a los usuarios a instalar su código.

Intentemos resolver dos problemas a la vez hablando de las formas más comunes de insertar código/fragmentos (fragmentos) JavaScript para sitios web:

• En WordPress.
• Cuentas de administrador escritas por usted mismo (usando FTP de la vieja escuela).
• En Squarespace.
• En Shopify.

Al final del artículo tocaremos Wix. En la mayoría de los casos, esta plataforma no permite instalar códigos o fragmentos de JavaScript, pero sí ofrece una alternativa en forma de integraciones para varios servicios.

¿Dónde puedo conseguir el código de instalación?

Veamos dónde buscar el código de instalación usando el servicio Crazy Egg como ejemplo.

El proceso es estándar: ingresamos los datos de registro, después de cargar llegamos al tablero. Allí buscamos el apartado con el código.

Cómo insertar código en un sitio de WordPress

Puede utilizar un complemento especial: Administrador de códigos de seguimiento.

Para insertar el Administrador de códigos de seguimiento, vaya al área de administración del sitio y busque la sección de complementos en el panel de control.

Seleccione la función "Agregar nuevo".

Aparecerá una barra de búsqueda a la derecha. Ingrese "Administrador de códigos de seguimiento", luego haga clic en "Instalar ahora".

Una vez completada la instalación, debe asegurarse de que el complemento esté activado. Vayamos a la configuración.

Haga clic en "Agregar nuevo código de seguimiento".

Puede prescindir del complemento Administrador de códigos de seguimiento. En este caso, nuestra opción es pegar el código en el archivo header.php temas de WordPress(más sobre esto más adelante).

Cómo instalar código en el sitio WordPress.com

Un sitio web de WordPress y un sitio web de WordPress.com son dos cosas diferentes.

Un sitio web de WordPress es un sitio web que se gestiona mediante un CMS instalado en su propio servidor. Esto significa que pagaste por el nombre de dominio (minombre.com) y por el alojamiento.

WordPress.com es gratuito. Puede registrar un sitio web en él sin pagar el alojamiento. En este caso, la URL del sitio será: minombre.wordpress.com. Para cambiar su nombre de dominio, deberá realizar algunos pasos adicionales.

Cuando ejecuta un sitio en WordPress.com, está limitado en los códigos y fragmentos de JavaScript que puede instalar. El motivo es el protocolo de seguridad: los desarrolladores no permiten a los usuarios pegar códigos en la plataforma. Por ejemplo, los desarrolladores de MySpace lo permitieron. Esta es obviamente la razón por la cual el sitio cayó del quinto lugar en el mundo hasta 1967 en seis años.

Al mismo tiempo, WordPress.com ofrece a los usuarios varias bonificaciones por hacer negocios. Por ejemplo, la integración con Google Analytics o la posibilidad de agregar botones de redes sociales. Pero en algunos casos esto puede no ser suficiente.

Cómo instalar códigos y fragmentos de JavaScript en un panel de administración escrito por usted mismo

Usando FTP. Tendremos que volver a lo básico.

Hoy en día, muchos sitios web los escriben ellos mismos. Un sitio web escrito por uno mismo se creó desde cero y no utiliza un CMS para administrar el contenido.

Imaginemos que tenemos un sitio así. Ponerle código será un poco más difícil que en WordPress, porque tendrás que recordar FTP.

Los administradores de FTP como FileZilla le permiten arrastrar y soltar archivos e imágenes desde un sitio web a un servidor. Con el programa, puede agregar archivos al servidor o descargarlos, reemplazar archivos antiguos por otros nuevos, eliminar datos innecesarios y cambiar los nombres de los muelles.

El protocolo de transferencia de datos no tiene nada de complicado: después de sólo 20 minutos puedes sentirte como un profesional. Para la mayoría de las personas, la parte más difícil es simplemente ponerse en contacto con el servidor.

Si tiene algún problema con el servidor, comuníquese con su proveedor de hosting. Puede que te lleve una hora, pero después de 60 minutos sabrás todo lo que necesitas saber. Normalmente recomiendo grabar estas conversaciones usando ScreenRecorder. O al menos tomar notas a mano.

Después de haber iniciado sesión en el servidor FTP, asegúrese de hacerlo. Si comete un error, sus archivos importantes no irán a ninguna parte. Puede hacer una copia de seguridad simplemente arrastrando y soltando todos los archivos desde el servidor a su computadora.

Normalmente, la interfaz del software de gestión de FTP consta de dos columnas. Por ejemplo, en la imagen a continuación en la columna de la izquierda puede ver los archivos que están almacenados en la computadora. A la derecha están los archivos del servidor.

Para cambiar o agregar archivos, simplemente arrástrelos de una columna a otra.

Advertencia

Reemplazar archivos es peligroso. Se puede reemplazar fácilmente nueva versión archivo antiguo y perder datos más actuales, eliminar accidentalmente algo importante o cometer otro error. Copia de respaldo le permite asegurarse en caso de tales errores y protegerse de problemas innecesarios. Asegúrese de guardar todos los archivos en una carpeta separada en su computadora antes de realizar cambios.

Cómo pegar código usando header.php

Digamos que tenemos un sitio web que usamos WordPress para administrar. Para insertar el código, necesitamos encontrar el archivo header.php u otro archivo llamado encabezamiento o cabeza.
Encabezamiento necesario para activar un código JavaScript o un fragmento en todas las páginas del sitio. Para abrir el archivo puedes usar programa gratuito como Texto sublime. Con su ayuda, necesita abrir un archivo que está almacenado en su computadora y no un archivo similar en el servidor.

Cuando abrimos el archivo en Sublime Text, vemos un arco iris de código de colores. No tengas miedo, allí todo es sencillo.

Todas las páginas están divididas en dos secciones: el encabezado (headings) y el cuerpo (body). Los títulos se indican mediante código HTML y . Cuerpo - y.

La mayoría de las cosas que hacen que el sitio funcione y muestre texto se encuentran entre estas dos secciones. Para encontrar estas etiquetas, puede utilizar la búsqueda de páginas.
En la mayoría de los casos, puedes insertar el código justo antes de la etiqueta de cierre.

Después de haber insertado el código o fragmento, guarde el archivo y cárguelo en el servidor. Listo.

Ahora sobre los paneles de administración autoescritos. Si su sitio fue creado a mano y no puede encontrar el encabezado o el archivo de encabezado, probablemente tendrá que insertar código manualmente en cada página. La mayoría de las veces esto no causa mucha dificultad.

La imagen de arriba es un sitio HTML hipotético que consta de cuatro archivos HTML. Si quisiéramos pegarle algún código, tendríamos que abrir todos estos archivos uno por uno y pegar el código o fragmento en las etiquetas de cada uno de ellos. Después de esto, el proceso es estándar: guarde los archivos y cárguelos en el servidor en lugar de los antiguos.

Cómo insertar código en el sitio web de Squarespace

Squarespace se lo ha puesto fácil a sus usuarios. Para insertar código o fragmento de JavaScript, puede utilizar la "inyección de código". En el menú, vaya a las pestañas Configuración > Avanzado > Inyección de código. Puede agregar el código al pie de página del sitio.

Encontrar la configuración.

Desplácese hacia abajo y haga clic en "Avanzado".

Seleccione "Inyección de código".

Pega el código y guarda los cambios.

Cómo insertar código en Shopify

En el panel de control, busque la sección Tienda en línea y seleccione Temas.

Para acceder a la pestaña deseada, haga clic en "Acciones" y seleccione "Editar HTML/CSS".

Necesitamos fragmentos.

Al hacer clic en la opción se abrirá un cuadro de diálogo con la opción de agregar un nuevo fragmento.

Asigne un nombre al fragmento y haga clic en el botón Crear fragmento.

Ingrese el código del fragmento en el área "snippet.liquid de seguimiento". Clic en Guardar".

Cómo insertar un código si el sitio está en Wix

Wix se ha convertido rápidamente en un creador de sitios web popular. Al igual que WordPress.com, impone restricciones a la capacidad de sus usuarios para pegar códigos.

Pero Wix ofrece una solución en forma de Wix App Market. Allí puede encontrar una variedad de widgets para marketing, redes sociales y análisis. Por cierto, allí también puedes votar por el widget más necesario.