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开发平台的地址: http://open.youku.com/

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

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

<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: '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();
}
</script>

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

搜狗浏览器屏蔽广告插件_“云法庭”里“云勘验”，海淀法院开庭审理搜狗浏览器插件屏蔽优酷视频广告不正当竞争纠纷案...
来源: 北京海淀法院特别提示:凡本号注明"来源"或"转自"的作品均转载自媒体,版权归原作者及原出处所有.所分享内容为作者个人观点,仅供读者学习参考,不代表本号 ...
搜狗浏览器屏蔽广告插件_“云法庭”里“云勘验”法院开审搜狗浏览器插件屏蔽优酷视频广告案...
在第20个世界知识产权日到来之际,北京海淀法院通过"北京法院云法庭"公开开庭审理原告优酷信息技术(北京)有限公司(下称优酷公司)与被告北京搜狗科技发展有限公司.被告北京搜狗信息服务 ...
搜狗浏览器屏蔽广告插件_“云法庭”里“云勘验” 法院开审搜狗浏览器插件屏蔽优酷视频广告案...
在第20个世界知识产权日到来之际,北京海淀法院通过"北京法院云法庭"公开开庭审理原告优酷信息技术(北京)有限公司(下称优酷公司)与被告北京搜狗科技发展有限公司.被告北京搜狗信息服务 ...
优酷播放的html代码,在网页里面嵌入播放优酷视频的js代码
先上代码,然后再讲解一下代码为啥是这样写的: 以上是html部分: js部分代码: function start_play(){ $.getScript('http://player.youku.co ...
html 弹出复选框,js点击文本框弹出可选择的checkbox复选框
本文分享一段代码实例,它能够点击文本框的时候,能够弹出下拉的checkbox复选框,选中复选框就能够将值写入文本框中,可能在实际应用中的效果没有这么直白简单,不过可以作为一个例子演示,以便于学习者理解 ...
JS获取腾讯视频、优酷视频vid
JS获取腾讯视频.优酷视频vid const nodeUrl = require('url');function isQQVideo(videoUrl) {let ret = falsetry {le ...
优酷视频如何将地区设置为中国大陆
播放器软件很多,本文小编给大家推荐优酷视频,本文继续分享"优酷视频如何将地区设置为中国大陆".优酷视频放器是优酷视频旗下的视频客户端产品,支持丰富内容的在线点播及电视台直播.作为国 ...
如何将土豆优酷视频插入到自己网站里
如何将土豆优酷视频插入到自己网站里 2012-01-04 09:14:19| 分类: 默认分类 | 标签:网站插入视频 |字号订阅很多新手站长在往自己网站里,添加土豆优酷等视频网站里的视频时,会 ...
如何获取优酷视频的通用代码？
在网站建设中,假如置入视頻,则必须该视頻所属视频平台的通用性编码,比如某一视频在优酷网的通用性编码.拷贝该通用性编码在自身的网址,大家就可以自身在自身网址收看,无需自动跳转优酷网站.如何获取优酷视频的 ...
淘宝账号如何登陆优酷视频
本文播放器家园网小编给大家分享淘宝账号如何登陆优酷视频?如今的淘宝网还可以登陆许多网址了,想要知道怎样用淘宝帐号登陆优酷视频吗?小编今日教大伙儿如何做. 01. 最先开启搜狗浏览器,随后键入" ...

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

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

最新文章

热门文章