前言
今天偶尔看了下有关网页中的视频播放窗口的制作,也是带着浓烈的兴趣去学的,到底是兴趣是最好的老师,还是有很大的收获,接下来先摆上我的效果图:
接下来就是代码:
<div class="main1">
<div class="content1">
<div class="conleft1">
<div class="con1">
<div class="c1" align="center">
<img src="http://www.wymp4.net/uploadfiles/20180103/s_2017113009100612.jpg"
width="193" height="132" title="汤姆猫讲笑话076-我考试的时候左右为难"
alt="汤姆猫讲笑话076-我考试的时候左右为难 —搞笑视频" />
</div>
<div class="c2">
<ul>
<li>发布时间:2018-01-03 11:40:02</li>
</ul>
</div>
</div>
<div class="clearfloat"></div>
<div class="clearfloat"></div>
<div class="player" align="center">
<div id="youkuplayer" style="width: 660px; height: 430px"></div>
<script type="text/javascript" src="http://player.youku.com/jsapi"></script>
<script type="text/javascript">
var player = new YKU.Player('youkuplayer', {
styleid : '0',
client_id : '720492e7a62f84a4',
vid : 'XMzE5NDA1NzE4NA==',
autoplay : true
});
</script>
</div>
</div>
</div>
</div>
<div class="clearfloat"></div>
注意事项:
优酷API开发平台的地址: