タグ

codingとYouTubeに関するsite159のブックマーク (3)

  • YouTube埋め込み時に便利なパラメータ 10+ - NxWorld

    サイトにYouTube動画を表示したいと思ったとき、イベントを絡めるといったようなカスタマイズをしてとかになるとAPIを使用したりになると思いますが、とりあえず表示するだけであればiframeで簡単に埋め込むことができます。 そんなときに知っておくと便利なパラメータ10種類を自分が使用頻度が高いと思う組み合わせ3つと併せて紹介します。 はじめに どのように表示されるかわかりやすいように実際にこのページに動画を埋め込もうかとも考えたのですが、ページがかなり重くなってしまうので以下ではコードのみ紹介しています。 実際の表示を確認したい場合は、適当な動画で「JSFiddle」などのツールを使ったり、テスト用のHTMLなどを用意して表示確認を行ってください。 YouTubeの動画を埋め込む方法 単純に動画を埋め込みたい際は、上のキャプチャのように動画下にある「共有 > 埋め込みコード」から表示に必

    YouTube埋め込み時に便利なパラメータ 10+ - NxWorld
  • 13 jQuery SelectBox/Drop-down Plugins — SitePoint

    There are several ways to define a block of JavaScript functionality. Learn which is the most appropriate one for your particular use case.

    13 jQuery SelectBox/Drop-down Plugins — SitePoint
    site159
    site159 2011/04/07
    画像をつかった 複合アニメーション
  • YouTubeのiframe版埋め込みコードでもwmodeを有効にする

    随分前にYouTubeの埋め込み用ソースをValidにするという投稿をしたんですが、 最近仕様が変わったらしく、埋め込み用として表示されるソースがiframeになってました。 どうもiframe版だと内部でHTML5プレイヤーとの切り替えが行われるようです。 これをそのまま貼ってみたところ、デフォルトではwmodeが効いてないことが判明。 position:absoluteとz-indexで要素を重ねるとFlashが上に来てしまう。(上の画像をクリックするとテストできます) 解決方法 貼り付け用iframeのURLに ?wmode=transparent を追加するだけです <iframe title="YouTube video player" width="560" height="349" src="http://www.youtube.com/embed/2XID_W4neJo?w

    YouTubeのiframe版埋め込みコードでもwmodeを有効にする
    site159
    site159 2011/03/06
    「貼り付け用iframeのURLに ?wmode=transparent を追加するだけです」
  • 1