使用 jQuery/javascript/css 更改 Flash 视频对象的属性答案

【问题标题】：change properties of flash video object using jQuery/javascript/css使用 jQuery/javascript/css 更改 Flash 视频对象的属性
【发布时间】：2015-08-12 07:21:02
【问题描述】：

我有一个播放 Flash 对象（视频）的 iframe

在它拥有的 iframe 内

<object id="objectId" width="640" height"640" data="name.swf?v=1.2">
</object>

现在我尝试使用 javascript 和 jquery 更改此对象的宽度和高度，但它没有改变！

这是我尝试过的代码

$("#objectId").css({"width":"790px"})  //also tried without px
document.getElementById("objectId").style.width="790"

同样$("#objectId") 在控制台中返回[]

我将此视频嵌入到 div 内的 iframe 中

结构是这样的

<div id="container">
<iframe src="blabla/bla.swf">
<object id="objectId" width="640" height"640" data="name.swf?v=1.2">
</object>
</iframe>
</div>

所以我尝试使用$("#container").html() 访问 div 内的 html 这仅返回 iframe 而不是其中生成的内容！！

【问题讨论】：

寻找可行的解决方案！

标签： javascript jquery css flash iframe

【解决方案1】：

我曾经遇到过类似的问题。你可以尝试的是像

var cssLink = document.createElement("link")
cssLink.href = "style.css";
cssLink .rel = "stylesheet";
cssLink .type = "text/css";
window.frames[0].document.body.appendChild(cssLink);

试试这个，虽然我不确定，但它可能对你有帮助，但它对我有用。其中 style.css 是您指定框架样式的 css 文件

【讨论】：

css更改会影响flash对象吗？
yes 在这个css文件中你设置的任何东西都应该影响目标，因为上面代码的效果与在html文档中包含css文件相同。您可以尝试的另一件事是将对象保留在 div 中，并在 css 中将高度和宽度设置为 auto，然后尝试调整对象应自动调整的 div 的高度和宽度。

【解决方案2】：

首先，您可以在此处修复代码中的错误

这个height"640"必须是height="640"

Js 应该是这样的：

$( document ).ready(function() {
    $('#objectId').css({'height': 300, 'width':300});
});

【讨论】：