Flash ビデオ (オブジェクト、swf) を div 内に配置し、その div をユーザーのページにドラッグできるようにしようとしています。以下の私のコードは、プレーヤーのすべてのボタンがクリックできなくなる Chrome 以外のすべてで正常に動作します。(Flash Player のマウスオーバーのように、何らかの理由でボタンの上にカーソルを置いてフィードバックを得ることができますが、クリックすることはできません)
これは、ミュート、一時停止、音量、全画面表示などがすべてクロムで壊れていることを意味します。プレーヤーの任意の場所をクリックすると、ドラッグ クリックのように扱われます (プレーヤーの任意の場所をクリックしてもフィードバックはありませんが、押したままドラッグすると div がドラッグされます)。
私が探しているのは、ユーザーがページを上下にスクロールしても、画面上の現在の位置にとどまる機能するビデオプレーヤーを備えた、divの周りのクリック/ドラッグ可能な境界線です(IEやFFで動作するように)コンテンツ。
私はjsで次を実行しています:
$('#video').draggable();
私の関連するCSSは次のとおりです。
#video
{
position: fixed;
right: 0;
bottom: 0;
padding: 10px;
border-radius: 10px;
background-color: #0DD0FC;
display: block;
width: 640px;
cursor: pointer;
height: 360px;
}
そして私のHTMLには
<div id="video" style="z-index: 4500;">
<object width="100%" height="100%">
<param name="movie" value="http://www.domain.com/value;autoplay=true" />
<param name="allowscriptaccess" value="always" />
<param name="allowfullscreen" value="true" />
<param name="wmode" value="transparent" />
<embed src="http://www.domain.com/value;autoplay=true" type="application/x-shockwave-flash"
allowfullscreen="true" allowscriptaccess="always" width="100%" height="100%"
wmode="transparent"></embed></object>
</div>