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

前言

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

接下来就是代码：

	

		

			

				

				
			
					

						

							
发布时间：2018-01-03 11:40:02
						
					
		
		

		

		

		

		
			
	
	
	
	
	

注意事项：

优酷API开发平台的地址: http://open.youku.com/

激活一下邮箱，进入工具，会生成一个client_id，vid是视频的id，通过浏览器地址或者分享里面可以复制到。

标准的格式代码是这样的：

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

type="text/javascript" src="http://player.youku.com/jsapi"> player = new YKU.Player('youkuplayer',{ styleid: '0', client_id: '7ea1dcdd8ea5d799', vid: '替换成优酷视频ID', autoplay: true, show_related: true, events:{ onPlayEnd: function(){ /*your code*/ }, onPlayStart: function(){ /*your code*/ }, onPlayerReady: function(){ /*your code*/ } } }); function playVideo(){ player.playVideo(); } function pauseVideo(){ player.pauseVideo(); } function seekTo(s){ player.seekTo(s); } function currentTime(){ return player.currentTime(); }