1、首先打开sublime编译器,创建一个.html文件。
2、然后在title标签之间写上标题的名称,这里输入视频播放器。
3、接着在body标签对的之间插入<video>标签。
4、然后设置视频窗口的大小,在video标签添加width和height属性。
5、最后在video标签之间添加source播放源,及其地址运行后,就会出现如下图视频窗口。
在优酷视频播放页面找到分享按钮,复制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>实例截图:
在网页中嵌入优酷视频的优点是:(1)不用担心占用服务器资源(2)使用方便。
缺点是:(1)广告太多。(2)看上去不太专业,大型企业一般都有自己的视频服务器。
好了,下面说具体的使用方法。
首先在优酷首页,点击右侧的“上传视频”。
将自己的视频上传到优酷上。
待优酷审核通过后,就可以在优酷首页搜索框查找上传的视频,此处以“小苹果”为例。
找到自己的视频后点击打开。
打开视频后向下拖,点击“分享给好友”后的下拉框,找到html代码,点击“复制”按钮,将该视频的html代码复制下来。
将该html代码粘贴到html页面的body中。
最后打开html页面查看效果。如下图。
在网页中播放视频就这么简单地完成了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)