rilwis/meta-box

( function ( $, rwmb ) {
    'use strict';

    var views = rwmb.views = rwmb.views || {},
        MediaField = views.MediaField,
        MediaItem = views.MediaItem,
        MediaList = views.MediaList,
        VideoField;

    VideoField = views.VideoField = MediaField.extend( {
        createList: function ()
        {
            this.list = new MediaList( {
                controller: this.controller,
                itemView: MediaItem.extend( {
                    className: 'rwmb-video-item',
                    template : wp.template( 'rwmb-video-item' ),
                    render: function()
                    {
                        var settings =  ! _.isUndefined( window._wpmejsSettings ) ? _.clone( _wpmejsSettings ) : {};
                        MediaItem.prototype.render.apply( this, arguments );
                        this.player = new MediaElementPlayer( this.$( 'video' ).get(0), settings );
                    }
                } )
            } );
        }
    } );

    function initVideoField() {
        var $this = $( this ),
            view = new VideoField( { input: this } );
        $this.siblings( '.rwmb-media-view' ).remove();
        $this.after( view.el );
    }

    function init( e ) {
        $( e.target ).find( '.rwmb-video' ).each( initVideoField );
    }

    rwmb.$document
        .on( 'mb_ready', init )
        .on( 'clone', '.rwmb-video', initVideoField );
} )( jQuery, rwmb );