HTMLページ+ JS/FLASHビデオプレーヤー？彼はどうしたの？</p> <p><a href="http://us.blizzard.com/en-us/games/d3/" rel="nofollow">http://us.blizzard.com/en-us/games/d3/</a></p> <p>そして、それは私が過去2時間の研究をされている2つの手法を使用しているが、私はその何かを見つけることができなかった上：

Question

ここでこれはブリザードの公式ディアブロ3ページです。

右上に1つ、フラッシュプレーヤーがあります。それは、バックグラウンド、フレームなし、ボタンなし、何も完璧にブレンドしていません！どこでこれを見つけることができますか？どこでも検索されました。

もう1つはビデオプレーヤーです。それを上に置くと明るさが増し、トレーラーの部分のGIF画像が再生され続けます。ブリザードはそれをどのようにしていますか？

あなたのご協力は非常に高く評価されています。私はGでもう2時間、私が何かを見つけるかどうかを調べます。もしそうなら、私は興味があるかもしれない人のためにここに戻ってきます。もし誰かがこれに対する答えを知っているなら、それらを分けてください、それは私にとって世界を意味するでしょう！

ありがとう、スタック！

EDIT：誰かが余分な詳細については、それを必要とする場合

ここでは、彼らのビデオプレーヤーのための.jsファイルです：あなたは、特に、ステージ上に置く場合

http://us.media.blizzard.com/global-video-player/global-video-player.js

Answer 1

フラッシュはボタンのみが表示されます。だから、彼らはたぶんバックグラウンド画像をボタンのないステージに置き、Flash要素をページ上に配置して、ページ上の画像と一直線上に並ぶようにしていました。このような状況で使用できる透過的な背景技がありますが、画像が一直線に並んでいることを確認するよりも難しいようです。

それ以下の動画プレーヤーについては、それもフラッシュです。私はGIFイメージが関わっているところをどこに感じるのか分かりません。 mouse_over/mouse_outイベントをコードに挿入するだけです。

Answer 2

1）CSSを使用して背景画像を配置して点滅させます。

2）ActionScriptでのonRollOverイベントとonRollOutイベントの使用。

Answer 3

RE：シームレスのFlashプレーヤーとの統合

著者は正確にそれが背景と統合見えるようするためにフラッシュswfファイルを配置しました。参照：

• HTMLの背景画像：http://us.blizzard.com/_images/games/d3/bg-top.jpg
• のFlash SWF：SWFは、それが自分のバックグラウンドステージ画像です持っているかhttp://us.media.blizzard.com/blizzard/_flash/games/d3.swf

注意してください。代わりに<param name="wmode" value="transparent">を使用して、フラッシュステージが透明であることを確認することもできます。そうすることで、CSSの背景が見えるようになります。しかし、このアプローチにはいくつかの制限があります。

RE：ホバー

上の明るさの増加は、これはまた、ActionScriptを使用したフラッシュで行われました。

• http://us.media.blizzard.com/blizzard/_flash/games/video_d3.swf

明るさの増加は、直接SWFをロードする場合でも、それは、ActionScriptで行わなければなりません。ここにSWFを参照してください。

FireBug（Firefox）のインスペクタツール、またはChromeのdeveloper toolsビルトインのツールを使用して、表示されるすべてのページで使用されている手法について知ることができます。これは、表示されたエフェクトが複数の方法で実行されている可能性があるため、あなたが質問しているこのページを解析する方法です（これが様々な回答を得ている理由です）。