¿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>

Ejemplo

<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

Ejemplo

<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

Ejemplo

<amp-vine width="1"
      height="1"
      layout=responsive
      data-vineid="MdKjXez002d">
  </amp-vine>

Eso es todo



Share:

Related post

Disqus

Disqus comments:


Facebook

Facebook comments: