Кроссбраузерная flash

Small_man · April 26, 2009

Заверстал flash через SwfObject но вот никак не могу найти материала по тому как сделать так чтобы flash ролик растягивался под размер окна

<!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" lang="ru" xml:lang="ru">
  <head>
	<title>[(site_name)]</title>

	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
	<link rel="stylesheet" href="assets/templates/default/sait.css" type="text/css" />
	<script type="text/javascript" src="assets/media/swfobject.js"></script>

	<script type="text/javascript">
	swfobject.registerObject("myId", "9.0.0", "expressInstall.swf");
	</script>

  </head>

  <body>
	<div id="intro">

	  <object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%">

		<param name="movie" value="assets/media/city.swf" />
		<!--[if !IE]>-->
		<object type="application/x-shockwave-flash" data="assets/media/city.swf" width="100%" height="100%">

		<!--<![endif]-->
		  <p>Alternative content</p>
		<!--[if !IE]>-->
		</object>
		<!--<![endif]-->

	  </object>
	</div>
  </body>
</html>

#intro{
width: 100%;
height: 100%;
}

моежт кто знает как это сделать???

Edited April 26, 2009 by Small_man

onqu · April 27, 2009

Чтобы <объект> растягивался на величину контейнера, может надо задать эту величину?

#intro{

width: 100px;

height: 100px;

}

Процентное соотношение в данном случае не годится.

Small_man · April 27, 2009

Чтобы <объект> растягивался на величину контейнера, может надо задать эту величину?
#intro{
width: 100px;
height: 100px;
}
Процентное соотношение в данном случае не годится.

а как тогда решить этот вопрос??? есть методы решения???

onqu · April 28, 2009

Неясно, кто - кого не понял.

С вашим кодом все нормально.

1. Размеры задаются по иерархии, сначала проверятся размер коробки <div>, в котором ваш *.swf. И если этот размер не ограничен, то *.swf принимает размер по умолчанию 100% величины доступного места, даже если это окно браузера.



#intro{
width: 100%;
height: 100%;
}

Следует указать не процентные, а точнее размеры. IE 7, к примеру, проглотит и развернет флэшку на весь экран, а вот лиса проиграет только звук. Указывайте рзмеры в точных единицах, если <div> не вложенный.

К примеру, как выше:


   #intro{
       width: 100px;
       height: 100px;
   }

2. Следует учитывать также размеры контейнеров, куда вложен Ваш <div id="intro">. В данном случае не вложен ни в какие другие.

3. Далее размер проверяется в теге <object>. Пройдемся по коду:



        <object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%">

Эту строку исполняют все браузеры. Ваши рамеры width="100%" height="100%". Следовательно *.swf остается 100%.

Далее:



        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="assets/media/city.swf" width="100%" height="100%">

        <!--<![endif]-->

Эту строку исполнят все браузеры, кроме IE. Здесь также все размеры 100%.

Small_man · April 29, 2009

Попробую уточнить еще раз суть вопроса: как сделать так чтобы flash разворачивалась на весь экран во всех браузерах??? :lol:

s0rr0w · April 29, 2009

Попробую уточнить еще раз суть вопроса: как сделать так чтобы flash разворачивалась на весь экран во всех браузерах???

Какой смысл вкладывается в слово "разворачивалась"?

Small_man · April 29, 2009

Какой смысл вкладывается в слово "разворачивалась"?

ну примерно тот же что и расстягивалась))))

PS я думал это понятно итак... :lol:

Aliance · April 30, 2009

С помощью JS ( или с помощью CSSых expression() ) сделай размеры контейнера равными размеру окна браузера.

Small_man · May 3, 2009

С помощью JS ( или с помощью CSSых expression() ) сделай размеры контейнера равными размеру окна браузера.

а можно как-нить пример написать или ссылку на мануал кинуть???

Aliance · May 4, 2009

java script:

var width, height;
if ( document.compatMode && document.compatMode ==  'CSS1Compat' && ! window.opera )
{
	width = document.documentElement.clientWidth;
	height = document.documentElement.clientHeight;
}
else
{
	width = document.body.clientWidth;
	height = document.body.clientHeight;
}

CSS extension:

width: expression( ( ( document.compatMode && document.compatMode=='CSS1Compat' ) ? document.documentElement.clientWidth : document.body.clientWidth ) < 1000 ? '1000px' : 'auto' );

Sign In

Кроссбраузерная flash

Question

Small_man

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

onqu

Link to comment

Share on other sites

Small_man

Link to comment

Share on other sites

onqu

Link to comment

Share on other sites

Small_man

Link to comment

Share on other sites

s0rr0w

Link to comment

Share on other sites

Small_man

Link to comment

Share on other sites

Aliance

Link to comment

Share on other sites

Small_man

Link to comment

Share on other sites

Aliance

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information