windows - 埋め込みビデオと CSS 変換スケール プロパティに関する Windows Firefox の問題

Question

質問はそれをすべて言っていますが、詳細を説明するために、ビデオが埋め込まれたhtmlページがあり、このページはiframe内にあります。Iframe は、この css プロパティが与えられた親 div 内にもあります: transform: scale(0.8)。この場合、Windows マシン上の Firefox で実行すると、ビデオは表示されません。私はインターネット上のあらゆる場所を検索しましたが、多くの人が同じ問題を抱えていました。絶対にスケーリングが必要です。transform: none親によって適用されたスケーリング効果をキャンセルするために埋め込みビデオを使用しようとしましたが、役に立ちませんでした。これはブラウザの問題であることはわかっていますが、回避策はありますか?

Answer 1

わかりました、やっとわかりました。この場合、フラッシュビデオのみが機能すると思います。オブジェクトタグと埋め込みタグの type 属性に異なる値を使用していました

<object standby="Loading Microsoft� Windows� Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsm p2inf.cab#Version=6,4,7,1112"> 
     <param name="fileName" value="<%= video_gallery.url[i].url %>"> 
     <param name="autoStart" value="false"> 
     <param name="showControls" value="true"> 
     <param name="AllowChangeDisplaySize" value="false"> 
     <param name="ClickToPlay" value="true"> 
     <embed id="embeddedPlayer" type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="<%= video_gallery.url[i].url %>" autoStart="false" width="<%=  $(window).width()%>" height="<%= $(window).height()-40 %>"  ></embed>
</object>

wmode="transparent"次のように、type 属性の値を flash に追加して変更するだけで済みました。

<object standby="Loading Microsoft� Windows� Media Player components..." type="application/x-shockwave-flash" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsm p2inf.cab#Version=6,4,7,1112"> 
     <param name="fileName" value="<%= video_gallery.url[i].url %>"> 
     <param name="autoStart" value="false"> 
     <param name="wmode" value="transparent"/>
     <param name="showControls" value="true"> 
     <param name="AllowChangeDisplaySize" value="false"> 
     <param name="ClickToPlay" value="true"> 
     <embed controller="true" wmode="transparent" id="embeddedPlayer" type="application/x-shockwave-flash" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="<%= video_gallery.url[i].url %>" autoStart="false" width="<%=  $(window).width() %>" height="<%= $(window).height()-40 %>"  ></embed>
</object>

上記の wmode および type 属性に注意してください。ただし、これを実行するには Quicktime プラグインが必要になると思います。