js脚本控制优酷播放器
给大家介绍种js脚本控制优酷播放器方法，网上的功能不完整，本人改进了一下，含播放，暂停，显示播放按钮，隐藏播放按钮，停止退出。
html代码：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body style="text-align: center; margin: 0 auto;">
<div style="margin:20px; text-align:center">
<button id="demo" οnclick="javascript:playVideo();">start</button>
<button id="demo1" οnclick="javascript:pauseVideo();">pause</button>
<button id="showControls" οnclick="javascript:showControls();">showControls</button>
<button id="hideControls" οnclick="javascript:hideControls();">hideControls</button>
<button id="btnStop" οnclick="javascript:Stop();">Stop</button>
<div style="width: 480px; margin: 10px auto; height: 400px" id="youkuplayer" />
<script type="text/javascript">
var player = null;
function playVideo() { if (player != null) { player.playVideo(); } else { document.location = document.location; } }
function pauseVideo() { if (player != null) { player.pauseVideo(); } }
function hideControls() { if (player != null) { player.hideControls(); } }
function showControls() { if (player != null) { player.showControls(); } }
function Stop() { player = null; document.getElementById("youkuplayer").innerHTML = ''; }
</script>
<script src="http://player.youku.com/jsapi" type="text/javascript">
player = new YKU.Player('youkuplayer',{
styleid: '0',
client_id: 'eefe9359b6ec9929',
vid: 'XNzUxNTIwOTA4',
autoplay: true
});
</script>
</div>
</body>
</html>
js脚本控制优酷播放器相关推荐
- 网页中引用优酷播放器并使其被遮罩层遮住
优酷播放器的官方代码(PS,我第一次作视频方面,直接贴embed,和object,查资料这两种没有直接的事件和API,有知道的还请告知) //为回答按钮绑定提交事件 $(document).ready ...
- 优酷 html flash播放器,优酷播放器提示没有安装flash插件的解决办法
优酷播放器在使用中弹出"没有安装flash"的提示,其他的播放器用起来都没问题,优酷是怎么了?今天给大家讲解一下遇到优酷播放器提示没有安装flash的时候的解决办法,希望能帮助你们 ...
- Android优酷播放器SDK——Eclipse工程迁移Android Studio遇到问题
Android优酷播放器SDK--Eclipse工程迁移Android Studio遇到问题 希望大家看完本文章能解决遇到的问题,如果没有表明清楚问题所在,还望指点一二: 下载优酷视频播放器SDK 导 ...
- 如何让优酷播放器自动播放
如何让优酷播放器自动播放 <EMBED align="middle" src="http://player.youku.com/player.php/sid/XNT ...
- 优酷播放器与layer弹出层（别的弹出层未测试）遮挡问题
最近做了优酷视频插件 ,然后做了个删除功能,使用的layer弹出层插件,发现弹出的时候被优酷播放器遮挡,修改zIndex属性不能用,经查阅资料改成 <embed src="http:/ ...
- 优酷播放器右侧的导航html,优酷新版播放器站外调用代码详解
优酷现在更新的优酷播放器,增加了开灯关灯特效,蓝叶看着很漂亮,就花了点时间,把这个调用代码找了出来,现在就分享个需要的同学.优酷附带开灯关灯特效新版播放器的站外调用代码如下: 复制代码的时候,把代码复 ...
- 在网站插入优酷播放器的方法
方法一 这是比较简单的方法,但是不能定制功能,基本上是默认的,不过基本够用了. 在某个视频页面点击"分享",选择复制"通用代码"或者"html代码&q ...
- 优酷视频下载|优酷播放器下载
优酷网从上周开始,全站视频已经开始完美支持iPad和iPhone 4的在线视频播放服务.采用HTML5和HTTP Live Streaming技术,对苹果iOS系统实现全面的支持,并达到和PC上一样流 ...
- jwplayer播放器以及引入优酷播放器
2019独角兽企业重金招聘Python工程师标准>>> $(document).ready(function(){var path = "${video.videoPath ...
最新文章
- 最大似然估计学习总结
- 第三方登录过程—OAuth2.0协议
- HtmlUnit自动填写表单并提交
- 关于w600的hspi通信demo
- MFC和OpenCV结合
- 华为P40 Pro相机高清细节图曝光：潜望式长焦镜头抢眼
- 暴力猴加脚本的适当应用
- 。。。。看毛片算法_(:з」∠)_ /FZU - 2275
- cass等距离等分线段的命令键_CAD等分线段指令是什么？
- 疫情之后，各地智慧灯杆政策与项目发布情况汇总
- 企业微信内自创建app 获取用户信息问题
- 去掉首尾字符java_Java去除字符串首尾特定字符
- opencv学习（0）小知识点汇总
- 2021年危险化学品经营单位主要负责人考试总结及危险化学品经营单位主要负责人考试试题
- Lora SX1268使用
- 图（Dijkstra，Prim，Kruskal）
- 孩子肝火大脾气急，怎么办？
- 2023全国特种作业操作高处安装、维护、拆除一[安考星]
- 《孙子兵法》之谋攻篇
- 哈夫曼树的创建和哈夫曼编码
热门文章
- 腾讯王宏岩：互联网的发展与企业微信
- 前端——》JS检测非法字符
- 4 个人分牌，54 张扑克牌，除去两张大小王剩下 52 张扑克牌。问红桃 A 和黑桃 A 同时被一个人拿到的概率是多少？...
- 【DBA充电宝】和【Python充电宝】DBA充电宝和Python充电宝微信群已建立，可加我微信（lhrbestxh）入群...
- (快速入门深度学习）证件照生成项目
- 解决vue表格导出时数据重复
- 华为手机运行崩溃不显示报错信息的解决办法
- day2-----------搜索（线性搜索、）
- linux用命令开触摸板,使用shell脚本实现控制触摸板关闭和开启（Ubuntu Linux、Deepin Linux系列）...
- 问题 : What are you doing?