在网页中嵌入视频
类别: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开发
您可能感兴趣
- web开发如何正确使用docker(Docker部署web项目的实现)
- idea配合tomcat进行web开发(IDEA2021 tomcat10 servlet 较新版本踩坑问题)
- Web开发中的几个建议
- 哪里可以看熊猫(成都哪里可以看熊猫)
- oppo手机的三种录屏方法,你知道有哪些吗(oppo手机的三种录屏方法)
- 吉林神秘传染链跨省 传染源尚未找到,舒兰 封城(吉林神秘传染链跨省)
- 吉林舒兰 封城 聚集性疫情传播链已延至沈阳,有一个细节让人忧心(吉林舒兰封城)
- 1天密接者猛增77人,患者轨迹透露危险信号 吉林市全面封闭管理(1天密接者猛增77人)
- 吉林舒兰 封城 15人确诊 276人隔离,出现跨省传播(吉林舒兰封城)