Javascript 是否可以覆盖<；的宽度和高度；对象>；在这个iframe中？
在下面的iframe中，您将在底部看到一个id为#videoPlayerSWF的Javascript 是否可以覆盖<；的宽度和高度；对象>；在这个iframe中？,javascript,html,iframe,Javascript,Html,Iframe,在下面的iframe中，您将在底部看到一个id为#videoPlayerSWF的（为了以防万一，我包含了iframe代码的其余部分） 通过JS，我尝试了选择它并操纵iframe的javascript设置的这个元素的宽度和高度，以匹配窗口的宽度和高度 下面是我失败的JS尝试。不管怎样，我都无法覆盖#videoPlayerSWF的值 window.onload = function(){ document.getElementById("videoPlayerSWF").height='100
window.onload = function(){
document.getElementById("videoPlayerSWF").height='100%';
document.getElementById("videoPlayerSWF").width='100%';
}
<iframe id="musicVideo" width="100%" height="100%" type="text/html" src="http://cache.vevo.com/m/html/embed.html?video=GBA320903400" frameborder="0">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>VEVO EMBED IFRAME</title>
<script src="http://cache.vevo.com/a/js/lib/swfobject.js" type="text/javascript"></script>
<script type="text/javascript" src="http://cache.vevo.com/m/js/embed.js"></script>
<script type="text/javascript" src="http://cache.vevo.com/m/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://adm.fwmrm.net/p/Vevo_chromeless_wrapper/AdManager.js"></script>
<script type="text/javascript" src="http://livepassdl.conviva.com/ver/2.50.0.56856/LivePass.js?customerId=c3.Vevo"></script>
<script type="text/javascript">
$(document).ready(function () { selectEmbed(); });
</script>
<style type="text/css">
#videoPlayerHTML5, #wrapper, #playerHTML5, #playerSWF
{
width:100%;
height:100%;
margin:0px;
padding:0;
background-color:#000000;
}
html
{
width:100%;
height:100%;
overflow:hidden;
}
body
{
height:100%;
margin:0px;
padding:0;
}
#video_overlay {
position:absolute;
z-index:19790119;
opacity:0.4;
filter:alpha(opacity=40);
top: 20px;
right: 20px;
}
</style>
</head>
<body>
<script type="text/javascript">
function selectEmbed() {
switch (getParameter("forceSelect")) {
case "0":
$("#playerHTML5").hide();
embedSwf(); break;
case "1":
$("#playerSWF").hide();
initializeHTML5(); break;
default:
embedDynamicVideo(); break;
}
}
function embedDynamicVideo() {
var video = getParameter("video");
var playlist = getParameter("playlist") || false;
var autoplay = getParameter("autoplay") || "0";
var playerType = getParameter("playerType") || "embedded";
var cultureName = getParameter("cultureName") || "en_us";
var cultureIsRTL = getParameter("cultureIsRTL") || "False";
var embed = getParameter("embed");
var sbId = getParameter("sbId") || "C188A3CA-3593-453A-B995-394B7A7E5332";
var siteSection = getParameter("siteSection") || "vevo_player_embedded";
vevoEmbed.embedDynamicVideo(video, siteSection, sbId, $("#playerHTML5"), $("#videoPlayerHTML5"), "playerSWF", "videoPlayerSWF", $("#playerSWF").width(), $("#playerSWF").height());
}
function initializeHTML5() {
var sbId = getParameter("sbId") || "C188A3CA-3593-453A-B995-394B7A7E5332";
var video = getParameter("video");
var autoplay = getParameter("autoplay") || "0";
var addAuto = (autoplay == "1");
if (addAuto) {
$('videoPlayerHTML5').attr('autoPlay', true);
}
var siteSection = getParameter("siteSection") || "vevo_player_embedded";
vevoEmbed.embedVevoVideo(video, siteSection, sbId, $('#playerHTML5'), $('#videoPlayerHTML5'));
}
function getParameter(sParam) {
var sPageURL = window.location.search.substring(1);
var sURLVariables = sPageURL.split('&');
for (var i = 0; i < sURLVariables.length; i++) {
var sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] == sParam) {
return sParameterName[1];
}
}
}
function embedSwf() {
var video = getParameter("video");
var playlist = getParameter("playlist") || false;
var autoplay = getParameter("autoplay") || "0";
var playerType = getParameter("playerType") || "embedded";
var cultureName = getParameter("cultureName") || "en_us";
var cultureIsRTL = getParameter("cultureIsRTL") || "False";
var embed = getParameter("embed");
var sbId = getParameter("sbId") || "C188A3CA-3593-453A-B995-394B7A7E5332";
var siteSection = getParameter("siteSection") || "vevo_player_embedded";
var environment = getParameter("branch");
var baseurl = ""
switch (environment) {
case 'local': baseurl = "http://localhost:3086"; break;
case 'staging': baseurl = "http://stg-videoplayer.vevo.com"; break;
default: baseurl = "http://videoplayer.vevo.com"; break;
}
swfobject.embedSWF(baseurl + "/embed/embedded", "playerSWF", "100%", "100%", "10.1.53", false, { /*flashvars*/
'playerType': playerType,
'videoId': video,
'playlist': playlist,
'enableDomScan': 'false',
'siteSection': siteSection,
'autoplay': autoplay,
'cc': "US",
'cultureName': cultureName,
'cultureIsRTL': cultureIsRTL,
'embed': embed,
'endScreen': 'play',
'sbId': sbId
}, { /*params*/
bgcolor: "#000000",
allowFullScreen: "true",
allowScriptAccess: "always",
wmode: "transparent"
}, { /*attributes*/
id: "videoPlayerSWF"
});
}
</script>
<object type="application/x-shockwave-flash" id="videoPlayerSWF" data="http://videoplayer.vevo.com/embed/embedded" width="924" height="835"><param name="bgcolor" value="#000000"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><param name="wmode" value="transparent"><param name="flashvars" value="playerType=embedded&videoId=GBA320903400&playlist=false&enableDomScan=false&siteSection=vevo_player_embedded&autoplay=0&cc=US&cultureName=en_us&cultureIsRTL=False&embed=&endScreen=play&sbId=C188A3CA-3593-453A-B995-394B7A7E5332"></object>
<div id="playerHTML5" style="display: none;">
<div id="video_overlay">
<img src="http://stg-m.vevo.com/m/img/logo/vevo_logo_white.png">
</div>
<video id="videoPlayerHTML5"></video>
</div>
</body></html>
</iframe>
维沃嵌入IFRAME
$（document）.ready（函数（）{selectEmbed（）；}）；
#videoPlayerHTML5，#包装器，#playerHTML5，#playerSWF
{
宽度：100%；
身高：100%；
边际：0px；
填充：0；
背景色：#000000；
}
html
{
宽度：100%；
身高：100%；
溢出：隐藏；
}
身体
{
身高：100%；
边际：0px；
填充：0；
}
#视频覆盖{
位置：绝对位置；
z指数：19790119；
不透明度：0.4；
过滤器：α（不透明度=40）；
顶部：20px；
右：20px；
}
函数selectEmbed（）{
开关（获取参数（“强制选择”））{
案例“0”：
$（“#playerHTML5”）.hide（）；
嵌入swf（）；中断；
案例“1”：
$（“#playerSWF”）.hide（）；
初始化hHTML5（）；中断；
违约：
嵌入dynamicvideo（）；中断；
}
}
函数embeddedynamicvideo（）{
var video=getParameter（“视频”）；
var playlist=getParameter（“playlist”）| | false；
var autoplay=getParameter（“autoplay”）||“0”；
var playerType=getParameter（“playerType”）| |“嵌入式”；
var cultureName=getParameter（“cultureName”）||“en_us”；
var cultureIsRTL=getParameter（“cultureIsRTL”）| |“False”；
var embed=getParameter（“嵌入”）；
var sbId=getParameter（“sbId”）||“C188A3CA-3593-453A-B995-394B7A7E5332”；
var sitessection=getParameter（“sitessection”）||“vevo_播放器_嵌入”；
vevoEmbed.embeddedDynamicVideo（视频、站点节、sbId，$（“playerHTML5”）、$（“videoPlayerHTML5”）、“playerSWF”、“videoPlayerSWF”、$（“playerSWF”）.width（）、$（“playerSWF”）.height（）；
}
函数初始化hHTML5（）{
var sbId=getParameter（“sbId”）||“C188A3CA-3593-453A-B995-394B7A7E5332”；
var video=getParameter（“视频”）；
var autoplay=getParameter（“autoplay”）||“0”；
var addAuto=（自动播放=“1”）；
如果（自动添加）{
$（'videoplayertml5'）.attr（'autoPlay'，true）；
}
var sitessection=getParameter（“sitessection”）||“vevo_播放器_嵌入”；
嵌入视频（视频，站点部分，sbId，$（'playerHTML5'），$（'videoPlayerHTML5'））；
}
函数getParameter（sParam）{
var sPageURL=window.location.search.substring（1）；
var sURLVariables=sPageURL.split（'&'）；
对于（变量i=0；ivar iframe = document.getElementById('musicVideo');
var iframe_window = iframe.contentWindow;
iframe_window.document.getElementById("videoPlayerSWF").height='100%';
// etc