繋がるWEBデザインドメインの違うiframeタグ内ページ(子ページ)で特定の動作をした時にiframeを記述してるページ(親ページ)でjQueryを発火させる。iframeタグを使えば、簡単にyoutubeの動画をサイトに組み込める最近忙しくなってきたんですけど、今暇になったんで学んだこと整理ってことで書きます。あ、暇っていうのは仕事がこないっていう意味ではなく、待ちの状態であるという意味だから!いやほんと!そもそもiframeタグって何よ独立したインラインフレームを作ることができるタグです。簡単に、雑にいうと、いろいろ入れられる入れ子作るよ!その中に別のURLのもの入れて、あたかもぺージの1つの部分のように見せるよ!ってこと。今回のように動画を入れたりとか、ファイスブックとかのSNS関係とか、そういう時に使う。allowfullscreen></iframe>まず、iframeタグの属性から。width・heightフレームの幅と高さ。src表示するURL。今回の場合は動画のURL。URLのあとの?以降は後述。frameborder境界線の表示について。youtubeの動画をおくなら、基本的に0でいいと思う。ちなみに、この属性はHTML5には存在しない。CSSで設定する必要がある。allowfullscreenフルスクリーン許可。・・・なんだけど、これあってもなくてもいいらしい。一応おいてるって感じ。iframeには他にも属性あるけど、動画おくだけならこれ以外使わないから説明省略。srcの中にあった?以降は、youtube用のパラメータ。autoplayプレーヤーを読み込んだ時に自動再生するかどうか。これに関しては0を推奨。1だとユーザー結構イライラすると思うよ。特別な理由がない限り0。showinfo動画を再生する前の状態で、タイトルとかが表示されるかされないか。ブログとかで「この動画面白いですよー」とかなら1。特設ぺージのトップに置くとか(つまり、動画のタイトルや投稿者を見なくても公式であり、どんな内容か理解できる場合)なら0かな。基本1になるとは思う。ここら辺はディレクターと話そう。rel動画が終わった時に関連動画が一覧で表示されるかされないか。基本、0でいいと思う。modestbrandingyoutubeのロゴが表示されるかされないか。ロゴは邪魔だから1推奨。wmodeデフォルトの状態だとiframeのyoutubeはz-indexが効かない。そのため、z-indexを使う場合はwmode=transparentを記述する必要がある。これを書けばz-indexが効くようになる。コメントをキャンセルメールアドレスが公開されることはありません。date*日本語が含まれない投稿は無視されますのでご注意ください。名前及びコメントは必須項目、メールアドレス及びサイトURLは任意です。