网页视频播放器怎样置于底层

时间：2022-04-26 09:02:09
我在网页中嵌入了一个mediaplayer播放器插件 
<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,1,5,217"

id="aboutplayer" type="application/x-oleobject" width="510" height="529"</object>

同时在网页中使用了js的弹出层，实现一个自定义的对话框(Jbox插件)。但是这个视频控件总是在弹出层的上面，弹出的对话框完全被遮住了。
希望播放器插件还有对话框插件保持原有不变，怎么把这个object置于网页的最底层？谢谢！

8 个解决方案

#1

加个 <param name="wmode" value="opaque" />  试试

#2

引用 1 楼 calmcrime 的回复:
加个 <param name="wmode" value="opaque" />  试试


试了一下还是不可以，你说的这个属性好像只是flash的，windowmediaplayer插件没有找到这个属性

#3

这和 select 的置顶 bug 差不多的，你可以借鉴一下相关的解决方案

#4

引用 2 楼 health747474 的回复:
引用 1 楼 calmcrime 的回复:加个 <param name="wmode" value="opaque" />  试试

试了一下还是不可以，你说的这个属性好像只是flash的，windowmediaplayer插件没有找到这个属性


你这里写成 

<object wmode="opaque"....></object>


试试

#5

 <param name="windowlessVideo" value="-1">

#6

不知道楼主解决没呢。以上的方法我都试过了，貌似并不好使呀！
网页视频播放器怎样置于底层

#7

我在网上看到的： 


<!-- 不会遮住层的Flash 

让Flash不档住浮动对象或层的关键属性：

<param name="wmode" value="opaque" />//IE下生效

<embed wmode="opaque"></embed>//FireFox下生效

-->

<object type="application/x-shockwave-flash" data="style/flash/001.swf" width="400" height="400">

<param name="movie" value="style/flash/001.swf" />

<param name="wmode" value="opaque" />

<embed wmode="opaque"></embed>

<a href="style/flash/001.swf"><img src="style/img/001.jpg" alt="Flash动画" /></a>

</object>

#8

引用 6 楼 bingLoVezi 的回复:
不知道楼主解决没呢。以上的方法我都试过了，貌似并不好使呀！

我的用的是mediaplayer，不是flash，不过问题已经解决了 
<object id="aboutplayer" width="510" height="529" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" style="left: 0px; top: 0px; 

background-repeat: no-repeat; background-position: center center;" type="application/x-oleobject">

      <param name="uiMode" value="full" />

      <param name="AutoStart" value="1" />

      <param name="AllowChangeDisplaySize" value="TRUE" />

      <param name="AutoSize" value="TRUE" />

      <param name="Volume" value="100" />

	  <param name="ShowTracker" value="1"> 

      <param name="URL" value="<%=basePath%><%=res_loc[0]%><%=request.getParameter("name")%>.wmv"/>

      <param name="windowlessVideo" value="true" />

      <embed windowlessVideo="true" type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" 

		name="aboutplayer" src=mms://bstreamlivewm.fplive.net/bstreamlive-live/bstream2 width="510" height="529" showcontrols="1" 

			showtracker="1" autostart="1" volume="100" />              

</object>

之前的没有包含这个标签embed，不过这样就可以了。
具体原因我也不太清楚，求哪个大神指点一下！
谢谢大家的回答！

#1

加个 <param name="wmode" value="opaque" />  试试

#2

引用 1 楼 calmcrime 的回复:
加个 <param name="wmode" value="opaque" />  试试


试了一下还是不可以，你说的这个属性好像只是flash的，windowmediaplayer插件没有找到这个属性

#3

这和 select 的置顶 bug 差不多的，你可以借鉴一下相关的解决方案

#4

引用 2 楼 health747474 的回复:
引用 1 楼 calmcrime 的回复:加个 <param name="wmode" value="opaque" />  试试

试了一下还是不可以，你说的这个属性好像只是flash的，windowmediaplayer插件没有找到这个属性


你这里写成 

<object wmode="opaque"....></object>


试试

#5

 <param name="windowlessVideo" value="-1">

#6

不知道楼主解决没呢。以上的方法我都试过了，貌似并不好使呀！
网页视频播放器怎样置于底层

#7

我在网上看到的： 


<!-- 不会遮住层的Flash 

让Flash不档住浮动对象或层的关键属性：

<param name="wmode" value="opaque" />//IE下生效

<embed wmode="opaque"></embed>//FireFox下生效

-->

<object type="application/x-shockwave-flash" data="style/flash/001.swf" width="400" height="400">

<param name="movie" value="style/flash/001.swf" />

<param name="wmode" value="opaque" />

<embed wmode="opaque"></embed>

<a href="style/flash/001.swf"><img src="style/img/001.jpg" alt="Flash动画" /></a>

</object>

#8

引用 6 楼 bingLoVezi 的回复:
不知道楼主解决没呢。以上的方法我都试过了，貌似并不好使呀！

我的用的是mediaplayer，不是flash，不过问题已经解决了 
<object id="aboutplayer" width="510" height="529" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" style="left: 0px; top: 0px; 

background-repeat: no-repeat; background-position: center center;" type="application/x-oleobject">

      <param name="uiMode" value="full" />

      <param name="AutoStart" value="1" />

      <param name="AllowChangeDisplaySize" value="TRUE" />

      <param name="AutoSize" value="TRUE" />

      <param name="Volume" value="100" />

	  <param name="ShowTracker" value="1"> 

      <param name="URL" value="<%=basePath%><%=res_loc[0]%><%=request.getParameter("name")%>.wmv"/>

      <param name="windowlessVideo" value="true" />

      <embed windowlessVideo="true" type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" 

		name="aboutplayer" src=mms://bstreamlivewm.fplive.net/bstreamlive-live/bstream2 width="510" height="529" showcontrols="1" 

			showtracker="1" autostart="1" volume="100" />              

</object>

之前的没有包含这个标签embed，不过这样就可以了。
具体原因我也不太清楚，求哪个大神指点一下！
谢谢大家的回答！
标签：

相关文章