Scaling a Ruffle Swf in a browser window

[Mark0669]

Is it possible to have a swf scale to the size of a browser window? I use the following code to run, I've tried placing in a container etc but with no success. I'm guessing this is a lack of html knowledge!! Basically is it possible to remove the width and height elements and have the swf scale to the size of the browser window? Any help appreciated! Cheers, Mark

<script src="ruffle/ruffle.js"></script> <script>

var swfobject = {};

swfobject.embedSWF = function(url, cont, width, height){
var ruffle = window.RufflePlayer.newest(),
player = Object.assign(document.getElementById(cont).appendChild(ruffle.createPlayer()), {
width: width,
height: height,
style: 'width: ' + width + 'px; height: ' + height + 'px',
});
player.config = {
autoplay: "on",
unmuteOverlay: "hidden",
contextMenu: false, // toggles menu for fullscreen
};
player.load({ url: url });
}

swfobject.embedSWF('iRMwipeout2.swf', 'ruffle', 1000, 800);
</script>

[torokati44]

The Demo page on ruffle.rs behaves similarly. You could try taking a look at how it's done there.
You can find the sources of that page here: https://github.com/ruffle-rs/ruffle/tree/master/web/packages/demo/www

[Mark0669]

Thanks! I have previously looked at that, but trying to extract the right code has proved problematic as the demo script is very heavily geared towards the swf select & drag and drop options. Just trying to make things simplified e.g. single swf embedded on html page, scaleable to window size.

[torokati44]

I think the scaling is mostly done by the HTML and CSS parts anyway.

[Mark0669]

Absolutely, I'm just struggling to figure out which bits of code I need.

[nicomicap]

https://addons.mozilla.org/en-US/firefox/addon/fullscreen-for-anything/ click the addon, then click the game. I don't know an alternative addon for chromium browsers though

[Mark0669]

Solved with a simple change
style: 'width: 100vw; height: 10vh',