js点击弹框优酷视频，并控制视频播放和暂停及重新载入的方法

前言

今天偶尔看了下有关网页中的视频播放窗口的制作，也是带着浓烈的兴趣去学的，到底是兴趣是最好的老师，还是有很大的收获，接下来先摆上我的效果图：

接下来就是代码：

<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开发平台的地址: