本文就拿引用优酷网站上刚刚上演的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>
lady gaga结婚
这样,视频就能在网页中显示了。但是,有时候我们为了节省空间,并不需要下边的调节声音,全屏的部分显示出来,我提供一种利用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" allowScrip
tAccess="always" type="application/x-shockwave-flash"></embed>
</div>
</body>
</html>