2011-07-31 5 views
0

swfObjectを使用して.swfフラッシュファイルとリンクすることはできますか?SWFObjectをリンクにしますか?

私はビデオ全体をクリック可能なリンクにしたいと思います...私はそれを実現させるためのアイデアがありません。

ここに行く場合:http://us.burberry.com/store/menswear/brit/jackets/prod-10000020849-packable-two-in-one-parka/sku-37604181001/ 、左側のサムネイルに、どのようにswfオブジェクトがリンクになっているのでしょうか?

誰でもこの背後にある原則を知っていますか?どうすればいい?しかし、私はフラッシュの上にdivを置くように、私のブラウザは、クリックに応答しません。

私は本当に助けていただきたい、ありがとうございます!

編集:私は1ので、私は私が

答えて

0

これは、そのページは、(簡略化)することを達成する方法である:

.video-thumb-holder, 
.video-link { 
    position: absolute; 
} 
.video-link { 
    display: block; 
    width: 54px; 
    height: 96px; 
} 

http://jsfiddle.net/xBzWv/1/

本質的に、z屈折率は、自動であり、要素が絶対位置決めされるので、要素の流れ(DIV [object] - > a)は、次の要素がそのオブジェクトを含む以前の要素よりも "高い" z-indexを持つことを可能にします。

この例はFF5で動作します。私は、これが正しいZ-インデックス位置にオブジェクトを入れる別の方法を必要とするいくつかのブラウザー/バージョン(IE6、おそらく他のバージョン)ではこれが問題であると信じています。

EDIT

実際には、IE(9)上記動作しません。

EDIT

IEは、Flashオブジェクトを使用している、とIE用<param NAME="wmode" VALUE="transparent">アプローチを使用しています。しかし、何らかの理由でこのフィドルhttp://jsfiddle.net/xBzWv/11/はまだ動作していません。

+0

徹底的な答えをいただきありがとうございます。 バーバリーのウェブサイトでは、「VIDEO」タグでMP4形式を使用しているようです。 「VIDEO」タグが.mov形式のIEで動作するかどうかは何ですか?私は.swfに加えて.movを持っています....それがうまくいくかどうかは分かりません。 – David

+0

ああ。私はYoutubeクローンを一回作って、 '.mov'ファイルが非常に有害であるかもしれないことに気付きました。私は最初にそれを使用する前に何かもっと標準に変換したいと思っていました。うまくいけば、無駄な/愚かなものを最初から外しました。 –

+0

ありがとうございます。私は以前HTML5でこれまでプレーしていませんでしたが、 'VIDEO'タグは.swfファイルで動作しますか?本当にそうならば、バーバリーはなぜMP4を使うのでしょうか?申し訳ありませんが、私は実際にInternet Explorerを利用できません。(私はLinux上にあります) – David

0

そうでもないリンクでPHPコードをエコーする必要があるプロジェクトファイル2を持っていけない、フラッシュファイルに直接リンクすることはできません。動画の上に<a>タグを絶対配置することが最善の方法です(swfObjectを含む要素のz-index<a>タグよりも低くなければなりません)。

0

すべてのブラウザで動作するソリューションを作成するには、ビデオSWFに読み込まれるラッパーSWFを作成します。次に、ビデオファイルの上にボタンを配置し、ExternalInterfaceを使用してページにコールバックするか、またはFlashVarsを使用してPHPから必要な情報を渡すかのいずれかです。

関連する問題