在网页中嵌入视频
类别:Web前端 浏览量:1833
时间:2015-5-3 在网页中嵌入视频
在网页中嵌入视频将自己的视频先上传到优酷,土豆等一些大的视频网站,然后再将优酷,土豆上的视频通过分享代码嵌入自己的网站上(优酷为例)
方式一、连接地址
<embed type=”application/x-shockwave-flash” src=”url?VideoIDS=XNDQ4ODMzMzQ4=&isAutoPlay=false&isShowRelatedVideo=false&embedid=-&showAd=0″ id=”movie_player” name=”movie_player” bgcolor=”#FFFFFF” quality=”high” wmode=”transparent” allowfullscreen=”true”
flashvars=”isShowRelatedVideo=false&showAd=0&show_pre=1&show_next=1&isAutoPlay=false&isDebug=false&UserID=&winType=interior&playMovie=true&MM
Control=false&MMout=false&RecordCode=1001,1002,1003,1004,1005,1006,2001,3001,3002,3003,3004,3005,3007,3008,9999″
pluginspage=”http://www.macromedia.com/go/getflashplayer” width=”450″ height=”327″></embed>
方式二、html代码嵌入
<embed src="优酷视频地址" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" allowFullScreen="true" mode="transparent" type="application/x-shockwave-flash"></embed>
方式三、iframe代码嵌入
<iframe height=498 width=510 src="优酷视频地址" frameborder=0 allowfullscreen></iframe>
方式四、优酷开发平台
1、ie下要有<html/><body/>才能显示正常
2、如果播放器不能显示,请给播放器外层<li/>增加宽度和高度样式
3、使用代码
<li id="youkuplayer" style="width:480px;height:400px"></li>
<script type="text/javascript" src="http://player.youku.com/jsapi">
player = new YKU.Player('youkuplayer',{
styleid: '0',
client_id: '替换成您申请的优酷开放平台的client_id',
vid: '替换成优酷视频ID'
});
</script>
标签:Web开发
您可能感兴趣
- idea配合tomcat进行web开发(IDEA2021 tomcat10 servlet 较新版本踩坑问题)
- web开发如何正确使用docker(Docker部署web项目的实现)
- Web开发中的几个建议
- 如何看待美国数十万加仑牛奶倒下水道 历史又重演了(如何看待美国数十万加仑牛奶倒下水道)
- 历史惊人的相似,美国80万加仑牛奶倒入下水道,意味着什么(历史惊人的相似)
- 美国数十万加仑牛奶倒进下水道,世界会重演1929年的大萧条吗(美国数十万加仑牛奶倒进下水道)
- 美国数十万加仑牛奶倒入下水道,贫民区食不果腹,历史再次重演(美国数十万加仑牛奶倒入下水道)
- 美国倒掉数十万加仑牛奶 上热搜第一,这一幕似曾相识(美国倒掉数十万加仑牛奶)
- 深度 倒牛奶 这一幕为何又在美国上演(深度倒牛奶)
热门推荐
- .NET使用Html Agility Pack解析html
- mysqllinux解压版安装教程学习(解决Linux安装mysql 在/etc下没有my.cnf的问题)
- ftp服务器怎么搭建linux(Linux下使用vsftp搭建FTP服务器附参数说明)
- python3安装编程环境(Python3 修改默认环境的方法)
- mysql读写分离同步策略(Mysql主从复制与读写分离图文详解)
- python面向对象基本思想(详解Python:面向对象编程)
- DBnull和null的区别
- js网站前端效果(JS如何让你的移动端交互体验更加优秀)
- 服务器租用教程(如何选择租用网站服务器?)
- nginxssl证书怎么设置(nginx结合openssl实现https的方法)