h3poteto https://blog.hatena.ne.jp/h3poteto/ PartyIX https://h3poteto.hatenablog.com/ JavaScript 技術 今回はiframeのプレイヤーを埋め込んで，それをjsで制御しました． https://developers.google.com/youtube/iframe_api_reference?hl=ja まず必要なことは，playerを貼り付けるためのdivをあらかじめhtml内に用意しておきます． で，そこから先は全部jsで制御できます． 素晴らしい． サンプルは上記ページに載っていますが，素のjsなので，俺はcoffeescriptで書いてみた． html内で以下の記述をすると，動画の準備を始めてくれて，jsファイル内に書かれている，onYoutubeIframeAPIReady関数を呼び出… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fh3poteto.hatenablog.com%2Fentry%2F2014%2F02%2F20%2F235914" title="YoutubeAPIを使って自作ページでyoutube動画を再生してみた - PartyIX" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2014-02-20 23:59:14 rich https://h3poteto.hatenablog.com/entry/2014/02/20/235914 1.0 100%