関連動画表示の有無〔rel〕 全画面再生ボタン表示の有無〔fs〕 HD再生(720p)の有無〔hd〕 自動再生の有無〔autoplay〕 ループ再生の有無〔loop〕 キー操作無効化の有無〔disablekb〕 コントロールバーの色設定〔color1/color2〕 動画プレーヤーに枠線を付けるかの有無〔border〕 動画情報表示の有無〔showinfo〕 動画アノテーション表示の有無〔iv_load_policy〕
![YouTube動画埋め込みプレーヤーのパラメータ|YouTubeAPI|音声・動画配信(ストリーミング)|PHP & JavaScript Room](https://cdn-ak-scissors.b.st-hatena.com/image/square/4785a29b81a3301fb946a3e1fdbe16b5b9dcab5f/height=288;version=1;width=512/http%3A%2F%2Fphpjavascriptroom.com%2Fcommon%2Fimages%2Fapple-touch-icon.png)
YouTube iFrame Player API 再生の制御〔再生・一時停止・停止・シーク位置〕 音量の制御〔ミュートの設定・解除、ミュート状態取得、音量の設定・取得〕 再生ステータスの取得〔経過時間、プレーヤーの状態、読み込みバイト数など〕 再生画質の制御〔画質の取得・変更、有効な画質セットの取得〕 動画情報の取得〔現在の動画の長さ、URL、埋め込みコードを取得〕 イベント プレーヤーのサイズを設定 複数の動画を切り替えて再生 プレーヤーの複数配置 字幕付き動画一覧表示+字幕のフォントサイズ変更〔player.setOption()、onPlayerApiChange〕 iframe要素への取得と変更 YouTube iFrame Player API 2012/11/18 YouTube JavaScript Player API リファレンス ※2012.11.18 見れなくなって
text-shadowを使った美しい4種類のエフェクトを紹介します。 エフェクトはCSSのみで、もちろん画像は使っていません。 HTML <h1 class="elegantshadow">Elegant Shadow</h1> CSS まずは、各見出し共通のスタイルシートから。 h1 { font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; font-size: 92px; padding: 80px 50px; text-align: center; text-transform: uppercase; text-rendering: optimizeLegibility; } Elegant Shadow用のスタイルシートです。 .eleg
dislay 属性についてもっと知りたいという方は、こちらのサイトを参照ください。 display - CSS | MDN 要するに何が言いたいかというと、テーブルもまたスタイルシートの display 属性によってその形状を実現しているに過ぎず、この値を色々と操作すればスマートフォンのようなスクリーンサイズの狭い環境にも最適化された表示が出来るのではないかということです。 実際に作ってみた - 下準備 今回は4パターンの表示を紹介します。まずは下準備として簡単なテーブルレイアウトと元となるスタイルを組んでいくとします。 はじめに HTML で適当なテーブルを作ります。 <table class="table table-striped table-responsive"> <thead> <tr> <th>First Name</th> <th>Last Name</th> <th>Ag
今までどういうふうに実装されているのか知らなかったので、 jquery_bottomを読み解いて理解したのでメモ。 jquery_bottomはこちら。 https://github.com/jimyi/jquery_bottom 必要な情報 要素の表示領域 要素のスクロール分を含めた高さ 要素のスクロール位置 この情報がわかれば、下記の情報を導き出せる。 「要素の表示領域」+「要素のスクロール位置」=「現在の表示位置の高さ」 「現在の表示位置の高さ」さえわかれば、後はその値が「要素のスクロール分を含めた高さ」にどれだけ近づいているかで、スクロール位置を判断することができる。 実装してみる // スクロールさせる要素を取得 var elm = document.getElementById('scrollElement'); // 要素の表示領域を取得 var height = elm.o
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く