Skip to content

YouTube動画があらかじめ設定した時間再生された後に購入リンクを表示する仕組み(HTML、JavaScript、CSS)

Notifications You must be signed in to change notification settings

YukinobuKurata/YouTubeMagicBuyButton

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 

Repository files navigation

YouTubeMagicBuyButton

「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

About

YouTube動画があらかじめ設定した時間再生された後に購入リンクを表示する仕組み(HTML、JavaScript、CSS)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages