在网页中嵌入视频

更多时间：2015-5-3 类别：Web前端浏览量：1833

在网页中嵌入视频

在网页中嵌入视频

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

方式一、连接地址

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代码嵌入

方式三、iframe代码嵌入

方式四、优酷开发平台

1、ie下要有<html/><body/>才能显示正常
2、如果播放器不能显示，请给播放器外层<li/>增加宽度和高度样式

3、使用代码

HTML 代码复制


<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开发

上一篇：easyui combogrid分页

下一篇：延迟加载js文件

您可能感兴趣

在网页中嵌入视频

在网页中嵌入视频

热门推荐

排行榜