iPhone、iPad向けYouTubeを埋め込みJavaScript API

Google より、iPhone やiPad でも閲覧可能な、
JavaScript による、制御用Player API が公開されてました。

iframe もとくになんですし、結果がどうとしても、
個人的には、できればJavaScript を使ったほうが好みかなぁと。

<div id="player"></div>
<script>
    //Load player api asynchronously.
    var tag = document.createElement('script');
    tag.src = "https://www.youtube.com/player_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
    var done = false;
    var player;
    function onYouTubePlayerAPIReady() {
        player = new YT.Player('player', {
          height: '312',
          width: '512',
          videoId: 'NdQmGLjvMGo',
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
    }
    function onPlayerReady(evt) {
        evt.target.playVideo();
    }
    function onPlayerStateChange(evt) {
        if (evt.data == YT.PlayerState.PLAYING && !done) {
            setTimeout(stopVideo, 6000);
            done = true;
        }
    }
    function stopVideo() {
        player.stopVideo();
    }
</script>

テスト→ kazunoriiguchi.com/youtube-js-iphone.html

iframe 埋め込み式 YouTube Player 向け JavaScript Player API のご紹介 – Google Japan Developer Relations Blog

YouTube API Blog: A New Way To Embed YouTube Videos