Внедрить WMV скрывает выпадающие / плавающие объекты в Chrome - PullRequest
Новая
       13

Внедрить WMV скрывает выпадающие / плавающие объекты в Chrome

0 голосов
/ 28 октября 2010

Я перепробовал много трюков, найденных в сети, включая:

  • режим прозрачный
  • г-индекс
  • WindowlessVideo

Но ни один из них, похоже, не работает на 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>

1 Ответ

0 голосов
/ 28 октября 2010

Если вы просто хотите обрезать видео, вы можете поместить его в тег 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.

...