「YouTube動画と連動してあらかじめ設定した時間になると購入ボタンが表示される仕組み (HTML、IFrameプレーヤーAPI(JavaScript)、CSS)」
<iframe>タグの埋め込みコードをつかったHTML5形式の動画プレーヤーです。
解説ページ
https://wisdommingle.com/youtube-iframe-api-player-video-countdown-timer-magic-buy-button/
倉田幸暢(Yukinobu Kurata)
https://wisdommingle.com
Copyright (c) 2013 Yukinobu Kurata
Released under the MIT license
https://github.com/YukinobuKurata/YouTubeMagicBuyButton/blob/master/MIT-LICENSE.txt
MITライセンスについて
https://wisdommingle.com/mit-license/
参考サイト
この仕組み(ソフトウェア)をつくるにあたっては、おもに下記のウェブサイトを参考にさせていただき、その情報やコードを利用させていただきました。
このほかにも、かるく目を通したウェブページまでふくめると、とてもたくさんのページを参考にさせていただきました。ですが、それらのページをすべてここに掲載することはできませんので、そのかわりに、とくに参考にさせていただいたウェブページのリンクを掲載させていただきます。
たくさんの有益な情報を提供していただき、ありがとうございました。
m(_ _)m
カウントダウンタイマー1-JavaScript入門
http://www.pori2.net/js/timer/6.html
YouTube IFrame API:設置サンプル(イベント)
http://phpjavascriptroom.com/exp3.php?f=include/strm/youtubeiframeplayerapi/event.inc&ttl=%E8%A8%AD%E7%BD%AE%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB
ひとつのsetIntervalをclearIntervalで止めずに二回以上連続で動かすとclearInterv... - Yahoo!知恵袋
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1063499895
一定時間で繰り返す(setTimeout)-JavaScript入門
http://www.pori2.net/js/timer/2.html
クロスブラウザはもう古い! HTML5+CSS3時代のプログレッシブ・エンハンスメント (1/2)- @IT
http://www.atmarkit.co.jp/fwcr/design/tool/ichigeki15/01.html
プログレッシブエンハンスメント(ボタン) - jsdo.it
http://jsdo.it/calmbooks/blogCSS3Button