{"id":4619,"date":"2011-01-27T19:40:53","date_gmt":"2011-01-27T10:40:53","guid":{"rendered":"http:\/\/www.kots.jp\/blog\/?p=4619"},"modified":"2016-10-15T19:35:10","modified_gmt":"2016-10-15T10:35:10","slug":"iphone%e3%80%81ipad%e5%90%91%e3%81%91youtube%e3%82%92%e5%9f%8b%e3%82%81%e8%be%bc%e3%81%bfjavascript-api","status":"publish","type":"post","link":"http:\/\/kazunoriiguchi.com\/blog\/diary\/4619\/","title":{"rendered":"iPhone\u3001iPad\u5411\u3051YouTube\u3092\u57cb\u3081\u8fbc\u307fJavaScript API"},"content":{"rendered":"<p>Google \u3088\u308a\u3001iPhone \u3084iPad \u3067\u3082\u95b2\u89a7\u53ef\u80fd\u306a\u3001<br \/>\nJavaScript \u306b\u3088\u308b\u3001\u5236\u5fa1\u7528Player API \u304c\u516c\u958b\u3055\u308c\u3066\u307e\u3057\u305f\u3002<\/p>\n<p>iframe \u3082\u3068\u304f\u306b\u306a\u3093\u3067\u3059\u3057\u3001\u7d50\u679c\u304c\u3069\u3046\u3068\u3057\u3066\u3082\u3001<br \/>\n\u500b\u4eba\u7684\u306b\u306f\u3001\u3067\u304d\u308c\u3070JavaScript \u3092\u4f7f\u3063\u305f\u307b\u3046\u304c\u597d\u307f\u304b\u306a\u3041\u3068\u3002<\/p>\n<div class=\"linkbox\">\n<pre>&lt;div id=\"player\"&gt;&lt;\/div&gt;\r\n&lt;script&gt;\r\n    \/\/Load player api asynchronously.\r\n    var tag = document.createElement('script');\r\n    tag.src = \"https:\/\/www.youtube.com\/player_api\";\r\n    var firstScriptTag = document.getElementsByTagName('script')[0];\r\n    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\r\n    var done = false;\r\n    var player;\r\n    function onYouTubePlayerAPIReady() {\r\n        player = new YT.Player('player', {\r\n          height: '312',\r\n          width: '512',\r\n          videoId: 'NdQmGLjvMGo',\r\n          events: {\r\n            'onReady': onPlayerReady,\r\n            'onStateChange': onPlayerStateChange\r\n          }\r\n        });\r\n    }\r\n    function onPlayerReady(evt) {\r\n        evt.target.playVideo();\r\n    }\r\n    function onPlayerStateChange(evt) {\r\n        if (evt.data == YT.PlayerState.PLAYING && !done) {\r\n            setTimeout(stopVideo, 6000);\r\n            done = true;\r\n        }\r\n    }\r\n    function stopVideo() {\r\n        player.stopVideo();\r\n    }\r\n&lt;\/script&gt;<\/pre>\n<\/div>\n<p>\u30c6\u30b9\u30c8\u2192 <a href=\"https:\/\/kazunoriiguchi.com\/test\/youtube-js-iphone.html\" rel=\"external\" class=\"popup\" title=\"kazunoriiguchi.com\/youtube-js-iphone.html\">kazunoriiguchi.com\/youtube-js-iphone.html<\/a><\/p>\n<p><a href=\"https:\/\/googledevjp.blogspot.com\/2011\/01\/iframe-youtube-player-javascript-player.html\" rel=\"external\" class=\"popup\" title=\"iframe \u57cb\u3081\u8fbc\u307f\u5f0f YouTube Player \u5411\u3051 JavaScript Player API \u306e\u3054\u7d39\u4ecb - Google Japan Developer Relations Blog\">iframe \u57cb\u3081\u8fbc\u307f\u5f0f YouTube Player \u5411\u3051 JavaScript Player API \u306e\u3054\u7d39\u4ecb &#8211; Google Japan Developer Relations Blog<\/a><\/p>\n<p><a href=\"https:\/\/apiblog.youtube.com\/2010\/07\/new-way-to-embed-youtube-videos.html\" rel=\"external\" class=\"popup\" title=\"YouTube API Blog: A New Way To Embed YouTube Videos\">YouTube API Blog: A New Way To Embed YouTube Videos<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google \u3088\u308a\u3001iPhone \u3084iPad \u3067\u3082\u95b2\u89a7\u53ef\u80fd\u306a\u3001 JavaScript \u306b\u3088\u308b\u3001\u5236\u5fa1\u7528Player API \u304c\u516c\u958b\u3055\u308c\u3066\u307e\u3057\u305f\u3002 iframe \u3082\u3068\u304f\u306b\u306a\u3093\u3067\u3059\u3057\u3001\u7d50\u679c\u304c\u3069\u3046\u3068\u3057\u3066\u3082\u3001 \u500b\u4eba\u7684\u306b\u306f\u3001\u3067\u304d\u308c\u3070 &hellip; <a href=\"http:\/\/kazunoriiguchi.com\/blog\/diary\/4619\/\" class=\"more-link\">\u7d9a\u304d\u3092\u8aad\u3080 <span class=\"screen-reader-text\">iPhone\u3001iPad\u5411\u3051YouTube\u3092\u57cb\u3081\u8fbc\u307fJavaScript API<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[41,56],"tags":[348,66,151],"class_list":["post-4619","post","type-post","status-publish","format-standard","hentry","category-diary","category-google","tag-api","tag-google","tag-youtube"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/kazunoriiguchi.com\/blog\/wp-json\/wp\/v2\/posts\/4619","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/kazunoriiguchi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/kazunoriiguchi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/kazunoriiguchi.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/kazunoriiguchi.com\/blog\/wp-json\/wp\/v2\/comments?post=4619"}],"version-history":[{"count":1,"href":"http:\/\/kazunoriiguchi.com\/blog\/wp-json\/wp\/v2\/posts\/4619\/revisions"}],"predecessor-version":[{"id":10597,"href":"http:\/\/kazunoriiguchi.com\/blog\/wp-json\/wp\/v2\/posts\/4619\/revisions\/10597"}],"wp:attachment":[{"href":"http:\/\/kazunoriiguchi.com\/blog\/wp-json\/wp\/v2\/media?parent=4619"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/kazunoriiguchi.com\/blog\/wp-json\/wp\/v2\/categories?post=4619"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/kazunoriiguchi.com\/blog\/wp-json\/wp\/v2\/tags?post=4619"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}