本文就拿引用优酷网站上刚刚上演的2013春晚节目《茉莉花》为例。
首先，在相关网站到资源。
视频链接：v.youku/v_show/id_XNTEyOTM1MDQ4.html
然后打开下边的分享按钮：
复制该视频的html代码：
<embed src="uku/player.php/sid/XNTEyOTM1MDQ4/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
我们只要把这段代码，放到网站上，就可以引用该视频，这段代码的width和height以及align等属性都可以根据我们的需要进行修改。
引用代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
如何制作网页最简单的方法视频</head>
<body>
<embed src="uku/player.php/sid/XNTEyOTM1MDQ4/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
</body>
</html>
这样，视频就能在网页中显示了。但是，有时候我们为了节省空间，并不需要下边的调节声音，全屏的部分显示出来，我提供一种利用DIV的overflow属性的方法。
这要用到CSS中div的属性。
overflow相关介绍：
www.w3school/css/pr_pos_overflow.asp
相关代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style  type="text/css" >
.layer1{
    width:480px;
    height:360px;
    overflow:hidden;
}
</style>
<title>无标题文档</title>
</head>
<body>
<div class="layer1">
<embed src="uku/player.php/sid/XNTEyOTM1MDQ4/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptA
ccess="always" type="application/x-shockwave-flash"></embed>
</div>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。