¿Cómo insertar amp-audio?


amp-audio


AMP reemplaza la etiqueta de audio HTML5 con su propia versión: amp-audio. El componente amp-audio sólo se puede utilizar para archivos de audio HTML5 directos.

Agregar

Importe el componente amp-audio justo abajo de la apertura <head>


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


Uso básico

El componente amp-audio carga el recurso de audio especificado por su atributo src a la hora determinada por el tiempo de ejecución.  amp-audio no admite un diseño de respuesta por defecto, pero puede lograr lo mismo alineando una altura fixed con width="auto".


Ejemplo

Your browser doesn’t support HTML5 audio

<amp-audio width="auto"   height="50"   src="https://ia801402.us.archive.org/16/items/EDIS-SRP-0197-06/EDIS-SRP-0197-06.mp3">   <div fallback>     <p>Your browser doesn’t support HTML5 audio</p>   </div> </amp-audio>




Share:

Related post

Disqus

Disqus comments:


Facebook

Facebook comments: