summaryrefslogtreecommitdiff
path: root/public/assets/javascripts/mx/primitives/mx.youtube.js
diff options
context:
space:
mode:
authorJules Laplace <jules@okfoc.us>2014-07-17 14:18:26 -0400
committerJules Laplace <jules@okfoc.us>2014-07-17 14:18:26 -0400
commitc175b8b78cad5424f81370e721277b18af6aff92 (patch)
tree18d52ab439b4afb91e454d303ed4f45aee2602a0 /public/assets/javascripts/mx/primitives/mx.youtube.js
parent4ee827ad464dfa0edb664d27e5069811877deb1e (diff)
parente5911a4760d62b803a166139835e661183850187 (diff)
merge
Diffstat (limited to 'public/assets/javascripts/mx/primitives/mx.youtube.js')
-rw-r--r--public/assets/javascripts/mx/primitives/mx.youtube.js20
1 files changed, 17 insertions, 3 deletions
diff --git a/public/assets/javascripts/mx/primitives/mx.youtube.js b/public/assets/javascripts/mx/primitives/mx.youtube.js
index 47d5507..5514359 100644
--- a/public/assets/javascripts/mx/primitives/mx.youtube.js
+++ b/public/assets/javascripts/mx/primitives/mx.youtube.js
@@ -31,6 +31,7 @@ MX.Youtube = MX.Object3D.extend({
var preload = document.createElement("div")
preload.id = uid
preload.style.backgroundImage = "url(" + this.media.thumbnail + ")"
+ preload.style.backgroundSize = "cover"
preload.style.width = this.media.width + "px"
preload.style.height = this.media.height + "px"
preload.style.pointerEvents = "none"
@@ -47,7 +48,11 @@ MX.Youtube = MX.Object3D.extend({
}.bind(this), 300)
}
else {
- this.build(uid)
+ // not sure why i need to wait here..
+ // stopped working until i added the setTimeout
+ setTimeout(function(){
+ this.build(uid)
+ }.bind(this), 20)
}
},
@@ -67,6 +72,7 @@ MX.Youtube = MX.Object3D.extend({
disablekb: 1,
controls: 0,
enablejsapi: 1,
+ origin: window.location.origin,
fs: 0,
modestbranding: 1,
iv_load_policy: 3, // no annotations
@@ -84,6 +90,9 @@ MX.Youtube = MX.Object3D.extend({
if (this.media.autoplay) {
this.play()
}
+ else {
+ this.pause()
+ }
if (this.media.mute) {
this.mute()
@@ -123,6 +132,7 @@ MX.Youtube = MX.Object3D.extend({
},
pause: function(){
+ console.log(this, bzbz = this.player)
this.paused = true
this.player.pauseVideo()
},
@@ -150,7 +160,11 @@ MX.Youtube = MX.Object3D.extend({
this.muted = false
},
- finished: function(){
+ setLoop: function(state){
+ this.media.loop = state
+ },
+
+ finished: function(){
console.log("youtube finished")
if (this.media.loop) {
this.seek(0)
@@ -164,5 +178,5 @@ MX.Youtube = MX.Object3D.extend({
})
window.onYouTubePlayerAPIReady = function(){
- // console.log("youtube api ready")
+ // console.log("youtube api ready")
}