Amp en Español - ¿Cómo insertar videos de Vine en Amp HTML?


De una forma fácil y segura podrá implementar los videos de Vine en el formato Amp HTML. Básicamente con la ayuda de unos simples códigos se puede insertar fácilmente los videos de Vine en su sitio web bajo el formato de Amp HTML.

Puede ver el ejemplo en la siguiente página
Video tutorial


Empezamos

Inserte el siguiente script justo después de la apertura <head>


<script async custom-element="amp-vine" src="https://cdn.ampproject.org/v0/amp-vine-0.1.js"></script>


Ahora inserte el siguiente código donde quiera dar a conocer el video


<amp-vine width="400"

      height="400"

      data-vineid="MdKjXez002d">

  </amp-vine>


Realice el siguiente cambio:

Elimine el código ID que está marcado de color amarillo, remplácelo por el Id del video de Vine

Código video de Vine responsive


<amp-vine width="1"

      height="1"

      layout=responsive

      data-vineid="MdKjXez002d">

  </amp-vine>


Eso es todo

¡Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no dude escribir



Share:

Related post

Disqus

Disqus comments:


Facebook

Facebook comments: