2014年3月7日に作成されたページです。 情報が古かったり、僕が今以上のど素人だった頃の記事だったりする可能性があります。 全件リストはこちら。 どもです。 職場の乾燥具合に驚いた餅。です。 まぁ一日中パソコン起動させてるような職場ですし、湿度高くても問題そうですが… さて、今回はYouTube Player APIについて。 先日、サイトにyoutube動画を貼り付けるという依頼がありました。 その際の条件は「関連動画は表示しない」というものだけだったので、 <iframe width="xxx" height="yyy" src="//www.youtube.com/embed/動画ID?rel=0&showinfo=0&autohide=1" frameborder="0" allowfullscreen></iframe> という方法で導入しました。 が、 今回、「音量は初期ミュ

JavaScriptの人気ライブラリ『jQuery』は豊富な機能とクロスブラウザな点がとても良く、私も頻繁に活用しています。 むしろJavaScript開発には欠かせないものとなっています。 そんなjQueryですが、プラグイン開発も盛んで、世界中のエンジニアが様々なプラグインを作成・公開しています。 それも、jQueryはプラグイン開発がとても簡単に出来る事に起因しているのではないでしょうか？ 簡単だからこそ、独自にプラグインを追加する方達の理由としては、 新たな便利な機能を追加する方もいれば、ある程度纏まった処理を汎用的にする為にプラグイン化する方もいるでしょう。 プラグイン開発の理由は人それぞれですが、プラグインの作成方法を知らない事にははじまりません。 今回は、そんな『jQuery』の独自プラグインの作成方法を、分かりやすく4ステップに分けて解説したいと思います。 即時実行の無名関

自分でもjQueryを使ってjsを書くので、これをプラグイン化できたらいいなと思うこともあります。という訳で大枠の構成だけですが、基本的な作り方を調べてみました。（あとは引数で設定を変えるのがかっこいいと思ったので作ってみたかったのもあります。） 無名関数 他の領域に干渉しないされないように以下の記述で囲みます。jQueryを引数として指定しているので、この中でも$表記が使えます。 (function($) { //中身 })(jQuery); メソッドを追加する ここが実際に処理するコードを書いていく場所です。「$.fn.hogehoge」のhogehogeの部分がメソッド名になります。 (function($) { $.fn.hogehoge = function(options){ //プラグインの中身 } })(jQuery); 使用する 実行のコードです。プラグインを使うときによ

Webページ上でカーソル位置やクリックされた位置によって ポップアップを出したりモーダル位置を調整したりツールチップを出したり いろいろと処理を加えることがあると思います。 そんな際のページ上のポイント位置の座標（X座標／Y座標）を取得して 位置を調整する処理方法を簡単に紹介してみたいと思います。 jQueryでページ上の座標（X座標／Y座標）を取得する方法【ページ全体の場合】 ページ上のX座標・Y座標を取得するには —————————– X座標 = e.pageX Y座標 = e.pageY —————————– を使って値を取得することができます。 各座標の値を取得するサンプルとして ページ上のクリックされた位置のX座標／Y座標を取得してみると。 ページ上のクリックされたポイントのX座標／Y座標を取得（別枠で表示されます）※別枠で表示される画面内をクリックしてみてください。 クリックさ

追記: 現在使用できません。 ※Flash-embeddedがサポート外になったため、この方法は現在使用できません。 再生ボタンを非表示にするオプションはない YouTubeの再生ボタンを非表示にするオプションはないが再生中は再生ボタンが非表示になるためどうしてもボタンを非表示にしたい場合はまずautoplay=1で動画を自動再生させ、その後JavaScriptで一時停止させる必要がある。 再生を一時停止させるJavaScript onYouTubePlayerReady()でプレーヤーの読み込みが完了を受け取れるのでこの関数内でpauseVideo()を実行することで自動再生した動画を直後に一時停止させることができる。 var params = { allowScriptAccess: "always" }; var atts = { id: "myPlayer" }; swfobjec

YouTube iFrame Player API 再生の制御〔再生・一時停止・停止・シーク位置〕 音量の制御〔ミュートの設定・解除、ミュート状態取得、音量の設定・取得〕 再生ステータスの取得〔経過時間、プレーヤーの状態、読み込みバイト数など〕 再生画質の制御〔画質の取得・変更、有効な画質セットの取得〕 動画情報の取得〔現在の動画の長さ、URL、埋め込みコードを取得〕 イベント プレーヤーのサイズを設定 複数の動画を切り替えて再生 プレーヤーの複数配置 字幕付き動画一覧表示＋字幕のフォントサイズ変更〔player.setOption()、onPlayerApiChange〕 iframe要素への取得と変更 YouTube iFrame Player API 2012/11/18 YouTube JavaScript Player API リファレンス ※2012.11.18　見れなくなって

YouTube iFrame Player API 再生の制御〔再生・一時停止・停止・シーク位置〕 音量の制御〔ミュートの設定・解除、ミュート状態取得、音量の設定・取得〕 再生ステータスの取得〔経過時間、プレーヤーの状態、読み込みバイト数など〕 再生画質の制御〔画質の取得・変更、有効な画質セットの取得〕 動画情報の取得〔現在の動画の長さ、URL、埋め込みコードを取得〕 イベント プレーヤーのサイズを設定 複数の動画を切り替えて再生 プレーヤーの複数配置 字幕付き動画一覧表示＋字幕のフォントサイズ変更〔player.setOption()、onPlayerApiChange〕 iframe要素への取得と変更 YouTube iFrame Player API 2012/11/18 YouTube JavaScript Player API リファレンス ※2012.11.18　見れなくなって

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

〒152-0031 東京都目黒区中根1-1-11 TEL：03-6421-1571／FAX：03-6421-1572 営業時間 : 10:00〜19:30／不定休 COPYRIGHT © MAKERS' BASE ALL RIGHTS RESERVED.