javascript – 从我的构造函数对象创建youtube iframe视频,以便创建多个视频
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 从我的构造函数对象创建youtube iframe视频,以便创建多个视频,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2803字,纯文字阅读大概需要5分钟。
内容图文
![javascript – 从我的构造函数对象创建youtube iframe视频,以便创建多个视频](/upload/InfoBanner/zyjiaocheng/792/9fc4c0ac206040adaeff17a0e66122a5.jpg)
我正在尝试使用youtube iframe api创建一个youtube视频以及我正在处理的构造函数但是我遇到了绊脚石.在我的播放器功能中,我创建了一些默认属性,然后将一些新属性传递给我的新对象,以便通过扩展默认属性和新属性来创建播放器.我现在的问题是,我不确定我是如何实际初始化youtube视频的?我不确定玩家=新YT.Player(‘玩家’,{应该去哪里?
这是JS im正在进行的工作和jsFiddle http://jsfiddle.net/kyllle/6zuh5/7/
function Player(options) {??
var $player = $(options.id);
var defaults = {
height: '100',
width: '200',
videoId: 'u1zgFlCw8Aw',
events: {
'onReady': onPlayerReady
},
playerVars: {
modestbranding: 0,
controls: 0, //remove controls
showinfo: 0,
enablejsapi : 1,
iv_load_policy: 3
}
};
??
var combinedOptions = _.extend(defaults, options);
console.log('Combined Options', combinedOptions);
return {????
pause: function () {??????
$player.pauseVideo();????
},
????
seek: function () {??????
//$player.seekTo(); ????
},
????
destroy: function () {??????
$player.destroy();????
},
????
changeVideo: function () {??????
$player.stopVideo();????
}??
}
};
function onPlayerReady() {
console.log('player fired');
}
var myPlayer = new Player({??
id: '#divId',
??autoPlay: true,
? videoId: 'asdadads'
});
解决方法:
在changeVideo函数之后添加一个名为init的函数.然后在实例化Player之后,您将在该新实例上调用init. (即myPlayer.init())
这是我正在思考的一个例子:我省略了下划线而是使用了jQuery的$.extend函数,所以我没那么乱了:
<html>
<head>
<title>Video Player</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
function Player(options) {
var defaults = {
height: '100',
width: '200',
videoId: 'u1zgFlCw8Aw',
events: { 'onReady': null},
playerVars: {
modestbranding: 0,
controls: 0, //remove controls
showinfo: 0,
enablejsapi : 1,
iv_load_policy: 3
}
};
var combinedOptions = $.extend(defaults, options);
console.log('Combined Options', combinedOptions);
return {
player: null,
pause: function () {
this.player.pauseVideo();
},
seek: function () {
//this.player.seekTo();
},
destroy: function () {
this.player.destroy();
},
changeVideo: function () {
this.player.stopVideo();
},
onPlayerReady: function() {
this.player.play();
},
init: function() {
this.player = new YT.Player(combinedOptions.id, {
height: combinedOptions.height,
width: combinedOptions.width,
videoId: combinedOptions.videoId,
events: {
'onReady': this.onPlayerReady,
'onStateChange': null
}
});
}
}
};
var myPlayer;
function onYouTubeIframeAPIReady() {
myPlayer = new Player({
id: 'divId',
autoPlay: true,
videoId: 'NeGe7lVrXb0'
});
myPlayer.init();
}
$(document).ready(function() {
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
});
</script>
</head>
<body>
<div id="divId"></div>
</body>
</html>
内容总结
以上是互联网集市为您收集整理的javascript – 从我的构造函数对象创建youtube iframe视频,以便创建多个视频全部内容,希望文章能够帮你解决javascript – 从我的构造函数对象创建youtube iframe视频,以便创建多个视频所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。