Skip to main content
Version: 4.x


Enables loading, playing and controlling audio via the HTML5 <audio> element.

You don't interact with this component for passing player properties, controlling playback, listening to player events and so on, that is all done through the vime-player component.


<vime-player controls>
<source data-src="/media/audio.mp3" type="audio/mp3" />
<!-- <source> and <track> elements are placed here. -->
<!-- ... -->


crossOrigincross-originWhether to use CORS to fetch the related image. See MDN for more information."" ∣ "anonymous" ∣ "use-credentials" ∣ undefinedundefined
disableRemotePlaybackdisable-remote-playbackEXPERIMENTAL: Whether to disable the capability of remote playback in devices that are attached using wired (HDMI, DVI, etc.) and wireless technologies (Miracast, Chromecast, DLNA, AirPlay, etc).boolean ∣ undefinedundefined
mediaTitlemedia-titleThe title of the current media.string ∣ undefinedundefined
preloadpreloadProvides a hint to the browser about what the author thinks will lead to the best user experience with regards to what content is loaded before the video is played. See MDN for more information."" ∣ "auto" ∣ "metadata" ∣ "none" ∣ undefined'metadata'


Pass <source> and <track> elements to the underlying HTML5 media player.


Used by#

Depends on#


graph TD;
vime-audio --> vime-file
vime-playground --> vime-audio
style vime-audio fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS