---
title: "Automatisk storlek på flashfilm beroende på webbläsarfönstrets storlek?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/189247-automatisk-storlek-på-flashfilm-beroende-på-webbläsarfönstrets-storlek"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "xtreme"
published: "2012-03-05T13:02:41.000Z"
updated: "2012-03-08T07:38:11.000Z"
replies: 4
views: 1020
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/189247-automatisk-storlek-på-flashfilm-beroende-på-webbläsarfönstrets-storlek"
---

# Automatisk storlek på flashfilm beroende på webbläsarfönstrets storlek?

## #1 — xtreme, 2012-03-05T13:02Z

Infogar en flash från vimeo med följande kod

```
<iframe src="http://player.vimeo.com/............" height="293" max-width="520" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
```

Den får då en fast storlek. Hur gör jag om jag vill att filmen ska anpassa sig efter webbläsarens fönsterstorlek? Om jag gör webbläsarens fönster mindre ska även filmen anpassas efter det.

Permalänk: https://www.webforum.nu/p/189247

## #2 — Fredde Mannen, 2012-03-05T13:31Z

Säkerligen kan du använda dig av javascript för att uppnå detta.

Permalänk: https://www.webforum.nu/p/2296519

## #3 — xtreme, 2012-03-05T21:16Z

> **[Fredde Mannen skrev:](https://www.webforum.nu/p/1548343)**
>
> Säkerligen kan du använda dig av javascript för att uppnå detta.

Säkerligen ;-) förslag på hur?

Permalänk: https://www.webforum.nu/p/2296544

## #4 — Fredde Mannen, 2012-03-06T10:00Z

> **[xtreme skrev:](https://www.webforum.nu/p/1548369)**
>
> Säkerligen ;-) förslag på hur?

Här kommer ett förslag med JQuery: 

```
<!DOCTYPE html>
<html>
	<title>Malmstroem.info | Playground </title>
	<head>
	         <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
		<script type="text/javascript">
			$(function() {
				// on page load
				resizeFrame();

				// on window resize
 				$(window).resize(function(){
					resizeFrame();
			          });
			});

			var resizeFrame = function() {
				var height = $(window).height();
				var width = $(window).width();

	  		              $('#player-window').css('width',width - 20);
			              $('#player-window').css('height',height - 20);
			}; 
		</script>
	</head>
	<body>
		<iframe src="http://player.vimeo.com/video/36813256" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" id="player-window"></iframe>
	</body>
</html>
```

Se resultat: <http://www.malmstroem.info/playground> (testat i IE9)

Permalänk: https://www.webforum.nu/p/2296555

## #5 — Palle, 2012-03-08T07:38Z

..eller så använder du enbart CSS, ex:

```
<!DOCTYPE html>
<html>
	<head>
		<style>
		.video-container {
			position:relative;
			padding-bottom:56.25%; /* 16:9 */
			height:0;
			overflow:hidden;
		}
		.video-container iframe{
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
		}
		</style>
	</head>
	<body>
		<div class="video-container">
			<iframe src="http://player.vimeo.com/video/36813256" height="293" max-width="520" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
		</div>
	</body>
</html>
```

Demo: <http://labs.palleman.nu/wf/iframeVideoFullwidth.html>

Permalänk: https://www.webforum.nu/p/2296583

---

Tråden på webben: https://www.webforum.nu/amne/html-css/189247-automatisk-storlek-på-flashfilm-beroende-på-webbläsarfönstrets-storlek
