您的位置:首页 > Web前端 > 其它

在网页中嵌入视频

更多 2015/5/3 来源:Web前端学习浏览量:1333
学习标签: Web开发
本文导读:在WEB编程中,通常我们要在自己做的网站上放视频,我们通常将自己的视频先上传到优酷,土豆等一些大的视频网站,然后再将优酷,土豆上的视频通过分享代码嵌入自己的网站上。下面介绍引用优酷视频代码的方式

将自己的视频先上传到优酷,土豆等一些大的视频网站,然后再将优酷,土豆上的视频通过分享代码嵌入自己的网站上(优酷为例)

方式一、连接地址

 

 
HTML 代码   复制

<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、如果播放器不能显示,请给播放器外层<div/>增加宽度和高度样式

3、使用代码

 

 
HTML 代码   复制

<div id="youkuplayer" style="width:480px;height:400px"></div>

<script type="text/javascript" src="http://player.youku.com/jsapi">

player = new YKU.Player('youkuplayer',{

styleid: '0',

client_id: '替换成您申请的优酷开放平台的client_id',

vid: '替换成优酷视频ID'

});


</script>
 
 

 

收藏
323
很赞
490