gpt4 book ai didi

html - 嵌入 wmv 在 Chrome 中隐藏下拉/ float 对象

转载 作者:行者123 更新时间:2023-11-28 14:54:14 24 4
gpt4 key购买 nike

我尝试了很多在网上找到的技巧,包括:

  • wmode透明
  • z-索引
  • 无窗视频

但它们似乎都不适用于 Chrome。在 IE 和 FF 上运行良好。

此版本的代码符合 XHTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>wmv embed test</title>
<style type="text/css">
#floatingbar { background: thistle; z-index: 9999; position: absolute; width: 500px; height: 60px; border: 1px solid blue; }
#floatingbar2 { background: white; z-index: 9999; position: absolute; width: 500px; height: 60px; border: 1px solid orange; top: 140px; }
</style>
</head>
<body>

<div id="floatingbar"></div>

<object type="application/x-mplayer2" style="width:260px; height:200px;" data="http://nov-exl.com/test/FactFinders.wmv">
<param name="movie" value="http://nov-exl.com/test/FactFinders.wmv" />
</object>

<div id="floatingbar2"></div>

</body>
</html>

最佳答案

如果您只想裁剪视频,您可以将它放在一个 div 标签中,并将溢出设置为隐藏。像这样:

<style> 
div#crop {position:absolute;height:100px;top:60px;overflow:hidden}
object, param {position:absolute;top:-60px}
</style>

<div id=crop><object><param /> </object></div>

如果您想要为您的视频添加更多自定义边框或其他内容,那么在使用 Chrome 时您可能就不走运了。

关于html - 嵌入 wmv 在 Chrome 中隐藏下拉/ float 对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4038234/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com