Hugo7
Xi
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Usuario popular!
Les traigo otro mini-tutorial, para tener Videos en Tu Sitio, pero que NO tengan links a Youtube...
Todo esto, para lograr los siguientes objetivos...
✔ No perder el tráfico.
✔ Retener a los usuarios por más tiempo.
MÉTODO N°1:
Para conseguirlo, deberás usar la plataforma Blogger, que como todos saben es 100% gratuita...
Sin embargo, los videos subidos los podrás usar en Wordpress, cualquier otra plataforma y hasta Landing Pages...
Solo sigan los siguientes pasos, es muy fácil (requiere conocimiento de HTML básico):
1. Crea un blog si aún no lo tienes, y crearte una nueva entrada.
2. Hacer clic en el icono de video, para subir un video desde tu PC...
3. Una vez que se suba, publicar dicha entrada y vuelve a la página principal.
4. Para ver el blog publicado, hacer click en "ver Blog"...
5. Una vez cargada la págna, has clic en el video, para que se cargue por completo (luego deberás detenerlo).
6. Y deberás "inspeccionar elemento" para copiar el URL del video, que se encuentra dentro de un iframe...
7. Listo, copiada esa URL del video, podrás aplicarla en tu propio iframe, por ejemplo, puedes usar el siguiente código...
2. Hacer clic en el icono de video, para subir un video desde tu PC...
3. Una vez que se suba, publicar dicha entrada y vuelve a la página principal.
4. Para ver el blog publicado, hacer click en "ver Blog"...
5. Una vez cargada la págna, has clic en el video, para que se cargue por completo (luego deberás detenerlo).
6. Y deberás "inspeccionar elemento" para copiar el URL del video, que se encuentra dentro de un iframe...
7. Listo, copiada esa URL del video, podrás aplicarla en tu propio iframe, por ejemplo, puedes usar el siguiente código...
HTML:
<iframe width="640" height="360" style="background-color:#000000;" src="URL_DEL_VIDEO" frameborder="0" allowfullscreen=""></iframe>Con esto conseguirás tener videos (hasta en HD) pero que NO vinculen a Youtube...
Un detalle, si subes un video en HD, sí los reconoce y pero ese proceso demora unos minutos...
Al principio verás los videos en 320p, pero luego de unos minutos, ¡Ya lo verás en HD!
MÉTODO N°2:
[table="class: grid"]
[tr]
[td="bgcolor:#FFFFAA"]
NOTA: Si usas este método, ten en cuenta que la URL del video, estará disponible solo por 24 horas!
Algunas soluciones para seguir usando este método:
1. Aplicar este método en páginas que No requieran estar online, por más de 24 horas.
2. Usando este método, obtener manualmente la URL todos los días y actualizar tu página web.
3. Crear un Script y un "Cron jobs" en tu servidor, para que lo haga automáticamente:
a. Obtener el URL del video, usando estos servicios u alguno similar.
b. Publicar el URL donde corresponda, para que siempre esté actualizado.
b. Publicar el URL donde corresponda, para que siempre esté actualizado.
Este último método (#3) requiere saber programación y manejo de servidores...
O si vale la pena, puedes contratar a un programador experto que te ayude con esto.
[/td]
[/tr]
[/table]
Este método consiste en crear un tag de video (de HTML5) con la "URL del video" que queramos mostrar...
Pero antes de continuar, hay que dejar en claro algo, para que no se preste a confusión...
1. Direcciones como esta "" es una URL de una página web y ¡No es una URL de video!
2. Youtube oculta la URL de los videos dentro de su página web...
3. El truco es conseguir esas direcciones "directas" hacia los videos, para aplicarlos en nuestra web...
Continuemos...
Para obtener las direccipnes directas hacia los videos, puedes usar sitios web como los siguientes...
1. [url]https://www.apowersoft.com/online-video-downloader[/URL]
2. https://www.onlinevideoconverter.com/video-converter
Y en vez de "descargar el video", deberás "copiar la dirección de enlace"...
Ah! Cada video, a su vez, tiene distintas calidades (baja calidad, HD, etc) y distintas direcciones URL...
Luego que tenemos la dirección copiada en memoria, o en el "Portapapeles de Windows"...
Tenemos que pegar esta dirección URL del video, en el siguiente código de ejemplo...
HTML:
<video controls src="AQUI_VA_LA_URL_DEL_VIDEO"></video>Tengan en cuenta, que si eligen una URL de un video de alta calidad (1080p)...
El video demorará en cargar más tiempo, que si eligen una URL de un video de baja calidad...
Sin embargo, los videos de "baja calidad" suelen verse bien en dispositivos móviles...
ESO lo deberán evaluar ustedes, una vez que lo vayan probando.
Sobre la etiqueta VIDEO de HTML5:
Esta etiqueta permite reproducir el video automáticamente, agregarle una imagen de "vista previa" y muchas cosas más...
Les recomiendo revisar y estudiar un poquito más sobre esta etiqueta...
1. https://www.w3schools.com/html/html5_video.asp
2. https://developer.mozilla.org/es/docs/Web/HTML/Usando_audio_y_video_con_HTML5
TRUCO EXTRA
Y si quieren mostrar una vista previa regionalizada del video, algo así como un "Clickbait" para cada país...
Les dejo otro de mis tutoriales, que explica como hacerlo, con código fuente y materiales para descargar...
A continuación, les muestro un ejemplo, ¿Cómo adivina tu país? ¡Solo entra y lee bien el tutorial!
¡CLICK AQUÍ PARA VER EL TUTORIAL!
FINALIZANDO
Mi máxima recomendación, es que lo prueben ustedes mismos y lo apliquen...
Con eso, sabrán si les sirve o no para sus respectivos blogs, proyectos, etc.
¡Que sigan bien!
Saludos,
Hugo
Si el Tutorial Te Resultó Útil, Te Pido Una Donación...
Lo Que Puedas Estará Bien. ¡Muchas Gracias!
Última edición:
