summaryrefslogtreecommitdiffstats
path: root/assets/js/views/sample.js
diff options
context:
space:
mode:
Diffstat (limited to 'assets/js/views/sample.js')
-rw-r--r--assets/js/views/sample.js21
1 files changed, 21 insertions, 0 deletions
diff --git a/assets/js/views/sample.js b/assets/js/views/sample.js
index 9f57c06..e28a964 100644
--- a/assets/js/views/sample.js
+++ b/assets/js/views/sample.js
@@ -2,10 +2,31 @@ ClipPlay.Views.Sample = Marionette.ItemView.extend({
template: '#sample-view-template',
onRender: function() {
+ this.initialize_player();
this.initialize_clip_drag_handles();
},
+ initialize_player: function() {
+ var that = this;
+ $.embedly.oembed(this.model.get('url')).done(function(results){
+ var BASE_IFRAME = "http://cdn.embedly.com/widgets/media.html";
+ var data = results[0];
+ var f= data.html;
+ var src = $(f)[0].src;
+ var schema = data.provider_name.toLowerCase();
+ var iframe_src= BASE_IFRAME +"?schema="+schema+"&type=text%2Fhtml&html="+src;
+ var iframe = $('<iframe/>', {
+ src: iframe_src
+ });
+ $('#video').append(iframe[0]);
+ var player = new OP.Player(iframe[0]);
+ that.model.set('player', player);
+ that.model.set('iframe', iframe);
+ });
+ },
+
+
initialize_clip_drag_handles: function() {
var $clip_line = this.$('.js-clip-line');