<video controls poster="html5video.jpg" width="320" height="240">

    <source src="html5video.theora.ogv" type="video/ogg">

    <source src="html5video.mp4" type="video/mp4">

    <source src="html5video.webm" type="video/webm">

    <p>フォールバックコンテンツ(Flashの代替え処理など)</p>

</video>

<script src="build/jquery.js"></script>

<script src="build/mediaelement-and-player.min.js"></script>

<link rel="stylesheet" href="build/mediaelementplayer.css" />

<!-- Multiple codecs with Flash fallback -->

<video id="player" width="320" height="240" poster="media/html5video.jpg" controls="controls" preload="none">

    

    <!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->

    <source type="video/mp4" src="media/html5video.mp4" />

    

    <!-- WebM/VP8 for Firefox4, Opera, and Chrome -->

    <source type="video/webm" src="media/html5video.webm" />

    

    <!-- Ogg/Vorbis for older Firefox and Opera versions -->

    <source type="video/ogg" src="media/html5video.theora.ogv" />

    

    <!-- Flash fallback for non-HTML5 browsers without JavaScript -->

    <object width="320" height="240" type="application/x-shockwave-flash" data="build/flashmediaelement.swf">

        <param name="movie" value="build/flashmediaelement.swf" />

        <param name="flashvars" value="controls=true&poster=media/html5video.jpg&file=media/html5video.mp4" />

        <!-- Image as a last resort -->

        <img src="media/html5video.jpg" width="320" height="240" title="" />

    </object>

</video>

<script>

// jQuery method

$('video').mediaelementplayer();



// normal JavaScript 

var player = new MediaElementPlayer('#player');

</script>

<iframe width="320" height="270" src="http://www.youtube.com/embed/Y4-dqqLUjDo?rel=0" frameborder="0" allowfullscreen></iframe>

<script>

//Load player api asynchronously.

var tag = document.createElement('script');

tag.src = "http://www.youtube.com/player_api";

var firstScriptTag = document.getElementsByTagName('script')[0];

firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player;

function onYouTubePlayerAPIReady() {

    player = new YT.Player('player', {

      height: '270',

      width: '320',

      videoId: 'Y4-dqqLUjDo', 

      events: { 

        'onReady': onPlayerReady, 

        'onStateChange': onPlayerStateChange 

      }

    });

}

function onPlayerReady(evt) {

}

function onPlayerStateChange(evt) {

}

function stopVideo() {

}

</script>