Question

这个问题说的只是提供一些细节，我有一个带有嵌入式视频的html页面，这个页面在iframe中。 iframe也在父div中，该div已被赋予此css属性：transform: scale(0.8)。在这种情况下，当您在Windows计算机上的Firefox中运行时，视频不会出现。我在互联网上到处搜索，很多人都有同样的问题。我绝对需要扩展。我甚至尝试在嵌入式视频上使用transform: none来取消其父级应用的缩放效果，但没有用。我知道这毕竟是一个浏览器问题，但有没有可行的解决方法？

Answer 1

好的，我终于发现了。我认为只有Flash视频才能在这种情况下运行。我在object和embed标签中使用了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插件才能运行它。

嵌入式视频和css转换scale属性的Windows firefox问题

1 个答案: