html中插入优酷网视频的代码

html-css06

html中插入优酷网视频的代码,第1张

1、首先打开sublime编译器,创建一个.html文件。

2、然后在title标签之间写上标题的名称,这里输入视频播放器。

3、接着在body标签对的之间插入<video>标签。

4、然后设置视频窗口的大小,在video标签添加width和height属性。

5、最后在video标签之间添加source播放源,及其地址运行后,就会出现如下图视频窗口。

在网页中嵌入优酷视频的

优点是:(1)不用担心占用服务器资源(2)使用方便。

缺点是:(1)广告太多。(2)看上去不太专业,大型企业一般都有自己的视频服务器。

好了,下面说具体的使用方法。

首先在优酷首页,点击右侧的“上传视频”。

将自己的视频上传到优酷上。

待优酷审核通过后,就可以在优酷首页搜索框查找上传的视频,此处以“小苹果”为例。

找到自己的视频后点击打开。

打开视频后向下拖,点击“分享给好友”后的下拉框,找到html代码,点击“复制”按钮,将该视频的html代码复制下来。

将该html代码粘贴到html页面的body中。

最后打开html页面查看效果。如下图。

在网页中播放视频就这么简单地完成了。

在优酷视频播放页面找到分享按钮,复制HTML代码如图!

在HTML中插入此代码即可!

代码如下:

<!doctype html>

<html>

    <head>

        <meta charset="utf-8">

        <title>html怎么在DIV中插入优酷视频</title>

    </head>

    <body>

        <div>

         <embed src="http://player.youku.com/player.php/sid/XMTQwMjk0MjA1Mg==/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>

        </div>

    </body>

</html>实例截图: