html嵌入flash内容

⌚Time: 2024-05-02 20:53:00

👨‍💻Author: Jack Ge

定义一个<div>标签,里面使用embed语句嵌入flash

<div id="flashContainer">
    <embed src="path/to/flash"  width="640"  height="480" scale="exactfit" >
</div>

其中scale指定缩放模式,showall会按照比例缩放,并且有游戏背景色,而且背景会显示游戏画面外的内容很难看。noborder测试后有裁剪画面。exactfit会缩放画面,不会维持原有宽高比例。

如果需要让flash内容居中,可以使用css样式

#flashContainer {

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

如果想在js脚本中动态指定载入的flash


             window.onload = function() { 
                var flashContainer = document.getElementById("flashContainer");
                        flashContainer.innerHTML = '<embed src='+'"path/to/swf"'+'  width="640" '+' height="480"'+' scale="exactfit" >';
             };