【html5】videoタグで背景に動画を再生させる方法とは！？ - Web.fla
HTML要素の記述 html要素ですが、html5のvideoタグを使用して動画を配置します。 その際に、videoタグに「autoplay」、「loop」、「muted」、「poster」を指定しておく。 そうすることで自動的に繰り返し再生されるのと音を消しておくことでユーザーに配慮する。 また、動画が見れない環境の場合に表示させるposter属性も指定しておく。 CSS要素の記述 動画を背景に設置するには まず、IE対策として、videoタグに「display:block;」にしておきますｗ 相変わらずIEってクソですね～ CSSの設定では、「position:fixed;」と「z-index」でマイナスの値を指定してあげると、コンテンツの背景に動画をしくことが出来る video#bg_movie { display:block; position: fixed; left: 0; t
PostMessageを使ったクロスドメイン通信によるメッセージの送受信を試してみた！ - Web.fla
Web Messagingとは？ コードによるほかのウィンドウ、タブ、フレームへのアクセスは、通常、セキュリティ上の理由から、同一オリジンのドキュメントの間だけに制限されています。 クロスドメインとは、異なるドメイン間をまたがったデータに対してアクセスをすることを言うんですが、調べてみると異なるドメイン間でメッセージ送信が可能のようで、この異なるオリジンの間での通信を安全に行うことを目的としたAPIとして、postMessageとMEssageEventがあるようです。またMessageChannelという２つのポートを利用した送受信もあるようですが、それは追々時間があったときにでも Web Messagingの流れと解説 さて、ここからが本題ですが、メッセージを送信・受信するにはhtml5のjavascript apiを利用します。 windowオブジェクトに用意されている「postMe
【jQuery】画像のロード画面でフェードイン - Web.fla
画像をロードする時のロード画面ってなにげに分からないなーと思い調べてメモ。 基本的な流れとして下記のようにしてみた。 読み込む画像のURL ローディング画像を最初は透明にしておいてフェードインさせる jQueryでimg要素を作成して初期は透明にしてattr()でsrc属性で読み込む 画像を表示させるところにappendメソッドで追加する loadメソッドで読みこんだ後の処理として、ローディング画像をfadeOutさせてその後に、img要素をfadeInさせる ということで下記に一気にメモっとく $(document).ready(function(){ //初期設定 var url="images/1.jpg"; loadimg(); /* 画像読み込み関数 ----------------------------------*/ function loadimg(){ $("div#l
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ここ最近のＥＣ市場についてちょっと調べてみた - Web.fla
