网页代码中，用background把一个图片作为背景，在图片上插入一段优酷视频，这个视频的位置如何控制？
网页代码中，用background把一个图片作为背景，在图片上插入一段优酷视频，这个视频的位置如何控制？用align只能简单的定义视频在图片中靠左，靠右，居中，如果想自定...
网页代码中，用background把一个图片作为背景，在图片上插入一段优酷视频，这个视频的位置如何控制？用align只能简单的定义视频在图片中靠左，靠右，居中，如果想自定义视频在任何位置，要用什么代码？margin这个标签好像是控制它与边框上下左右的距离，但不知道怎么用，本人新手，不知道表达的是否清楚
展开
6个回答
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body> <!-- 下面位置需要修改的大致标注了，简单改改就能用-->
<style type="text/css">
html body
{
margin: 0px;
padding: 0px;
}
#parent
{
width: 1920px; /* 背景图尺寸 width为宽度 height为高度 改对应数字即可*/
height: 790px;
border: solid 5px black; /* 边框黑色线 不需要可以删除本行代码*/
position: relative;
background: url(https://img.alicdn.com/imgextra/i4/2271085369/O1CN01lWdg9e1pX32QMje1m_!!2271085369.jpg);
/*这里修改底部链接地址 在（）内修改 */
}
#sub1
{
position: relative;
top:181px; /*修改top 与left值可改变视频位置*/
left:729px; /*修改top 与left值可改变视频位置*/
}
}
</style>
<div id="parent">
<div id="sub1">
<div id="play" >
<embed src="https://cloud.video.taobao.com//play/u/2271085369/p/1/e/6/t/1/233575617632.mp4" width="463" height="463" autostart="false"></embed>
<!--这里修改视频链接地址 尺寸463*463 width为宽度 height为高度 -->
</div>
<!-- 下面位置不懂代码的朋友不建议动-->
<script>
function $(v){return document.getElementById(v);}
function view(id){$(id).style.display = "block";}
function hide(id){$(id).style.display = "none";}
function vide(){//点击图片显示视频
hide("pic");view("play");
}
</script>
</div>
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body> <!-- 下面位置需要修改的大致标注了，简单改改就能用-->
<style type="text/css">
html body
{
margin: 0px;
padding: 0px;
}
#parent
{
width: 1920px; /* 背景图尺寸 width为宽度 height为高度 改对应数字即可*/
height: 790px;
border: solid 5px black; /* 边框黑色线 不需要可以删除本行代码*/
position: relative;
background: url(https://img.alicdn.com/imgextra/i4/2271085369/O1CN01lWdg9e1pX32QMje1m_!!2271085369.jpg);
/*这里修改底部链接地址 在（）内修改 */
}
#sub1
{
position: relative;
top:181px; /*修改top 与left值可改变视频位置*/
left:729px; /*修改top 与left值可改变视频位置*/
}
}
</style>
<div id="parent">
<div id="sub1">
<div id="play" >
<embed src="https://cloud.video.taobao.com//play/u/2271085369/p/1/e/6/t/1/233575617632.mp4" width="463" height="463" autostart="false"></embed>
<!--这里修改视频链接地址 尺寸463*463 width为宽度 height为高度 -->
</div>
<!-- 下面位置不懂代码的朋友不建议动-->
<script>
function $(v){return document.getElementById(v);}
function view(id){$(id).style.display = "block";}
function hide(id){$(id).style.display = "none";}
function vide(){//点击图片显示视频
hide("pic");view("play");
}
</script>
</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div style="background:url(....) no-repeat;width:500px;height:500;position:relative"><embed width=350 height=250 style="display:block;position:absolute;left:某某值;top:莫某值" src="优酷视频.swf"></div>
注意，这里面宽跟高度随意，只要视频的宽高小于外层div的宽高就行，不用margin，随便弄位置！
注意，这里面宽跟高度随意，只要视频的宽高小于外层div的宽高就行，不用margin，随便弄位置！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div style="margin:50px auto 0 auto">这里是你的视频代码</div>
距顶部50px 水平局中.
距顶部50px 水平局中.
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
外边距有4个值，如：
margin:10px 20px 30px 40px;
分别表示顶外边距、右外边距、底外边距 和 左外边距。
margin:10px 20px 30px 40px;
分别表示顶外边距、右外边距、底外边距 和 左外边距。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
...........你这样试试吧，在你插入的视频代码前加入
<div style="width:*px;height:*px;border:red 1px solid; margin-left:*px; margin-top:*px; position:relative; ">
width height 自己调视频大小，margin-left margin-top后面自己加入像素数试试要多少适合你，看看能不能行，不能再问
<div style="width:*px;height:*px;border:red 1px solid; margin-left:*px; margin-top:*px; position:relative; ">
width height 自己调视频大小，margin-left margin-top后面自己加入像素数试试要多少适合你，看看能不能行，不能再问
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
