HTML5, CSS3 & JS Experiments

By Martin Ivanov

YouTube Video Embed

AcidJs.YouTube is a embeddable YouTube player, built as custom HTML5 Web Component tag:

<acidjs-youtube videoid="wvHsX2lSW64"></acidjs-youtube>

Demo

Register Mozilla's X-Tags

You need to do this just once, and add the directive either in the <head /> section or before the closing <body /> tag of the page.

<script src="AcidJs.YouTube/lib/x-tag-components.js"></script>

Register the Component on the Page via HTML5 @import

You need to do this just once, and add the directive either in the <head /> section or before the closing <body /> tag of the page.

<link rel="import" href="AcidJs.YouTube/classes/YouTube.html" />

HTML Attributes

Check the blogpost or the documentation in the distrubution file (the download link is at the top of the page).

JavaScript API: Methods, Getters and Setters

Check the blogpost or the documentation in the distrubution file (the download link is at the top of the page).

Usage and Code Insight

            <acidjs-youtube videoid="wvHsX2lSW64"></acidjs-youtube>
            
            <acidjs-youtube videoid="Yw74sDWPH7U" width="480" height="360"></acidjs-youtube>