diff --git a/app/Resources/public/assets/mediaelement/plugins/vrview/cardboard.png b/app/Resources/public/assets/mediaelement/plugins/vrview/cardboard.png
new file mode 100644
index 00000000000..992cee61322
Binary files /dev/null and b/app/Resources/public/assets/mediaelement/plugins/vrview/cardboard.png differ
diff --git a/app/Resources/public/assets/mediaelement/plugins/vrview/cardboard.svg b/app/Resources/public/assets/mediaelement/plugins/vrview/cardboard.svg
new file mode 100644
index 00000000000..d53cb75c234
--- /dev/null
+++ b/app/Resources/public/assets/mediaelement/plugins/vrview/cardboard.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="18" height="12" viewBox="0 0 17.62 11.4"><defs><style>.cls-1{fill:#fff;}</style></defs><title>6</title><path id="cardboard" class="cls-1" d="M157.8,3.9H142.3A1.11,1.11,0,0,0,141.2,5v9.2a1.11,1.11,0,0,0,1.1,1.1h4.2a1,1,0,0,0,1-.7l1.2-3.1a1.39,1.39,0,0,1,2.6,0l1.2,3.1a1.09,1.09,0,0,0,1,.7h4.2a1.11,1.11,0,0,0,1.1-1.1V5.1a1,1,0,0,0-1-1.2m-11.9,7.6a2,2,0,1,1,2-2,2.07,2.07,0,0,1-2,2m8.4,0a2,2,0,1,1,2-2A2,2,0,0,1,154.3,11.5Z" transform="translate(-141.2 -3.9)"/></svg>
\ No newline at end of file
diff --git a/app/Resources/public/assets/mediaelement/plugins/vrview/vrview.css b/app/Resources/public/assets/mediaelement/plugins/vrview/vrview.css
new file mode 100644
index 00000000000..cf5cba588b4
--- /dev/null
+++ b/app/Resources/public/assets/mediaelement/plugins/vrview/vrview.css
@@ -0,0 +1,4 @@
+.mejs__vrview-button > button,
+.mejs-vrview-button > button {
+    background: url('cardboard.svg') no-repeat 0 4px;
+}
\ No newline at end of file
diff --git a/app/Resources/public/assets/mediaelement/plugins/vrview/vrview.js b/app/Resources/public/assets/mediaelement/plugins/vrview/vrview.js
new file mode 100644
index 00000000000..f324b4eb9c0
--- /dev/null
+++ b/app/Resources/public/assets/mediaelement/plugins/vrview/vrview.js
@@ -0,0 +1,375 @@
+/*!
+ * MediaElement.js
+ * http://www.mediaelementjs.com/
+ *
+ * Wrapper that mimics native HTML5 MediaElement (audio and video)
+ * using a variety of technologies (pure JavaScript, Flash, iframe)
+ *
+ * Copyright 2010-2017, John Dyer (http://j.hn/)
+ * License: MIT
+ *
+ */(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(_dereq_,module,exports){
+'use strict';
+
+var VrAPI = {
+	isMediaStarted: false,
+
+	isMediaLoaded: false,
+
+	creationQueue: [],
+
+	prepareSettings: function prepareSettings(settings) {
+		if (VrAPI.isLoaded) {
+			VrAPI.createInstance(settings);
+		} else {
+			VrAPI.loadScript(settings);
+			VrAPI.creationQueue.push(settings);
+		}
+	},
+
+	loadScript: function loadScript(settings) {
+		if (!VrAPI.isMediaStarted) {
+
+			if (typeof VRView !== 'undefined') {
+				VrAPI.createInstance(settings);
+			} else {
+				var script = document.createElement('script'),
+				    firstScriptTag = document.getElementsByTagName('script')[0];
+
+				var done = false;
+
+				settings.options.path = typeof settings.options.path === 'string' ? settings.options.path : 'https://googlevr.github.io/vrview/build/vrview.min.js';
+
+				script.src = settings.options.path;
+
+				script.onload = script.onreadystatechange = function () {
+					if (!done && (!this.readyState || this.readyState === undefined || this.readyState === 'loaded' || this.readyState === 'complete')) {
+						done = true;
+						VrAPI.mediaReady();
+						script.onload = script.onreadystatechange = null;
+					}
+				};
+
+				firstScriptTag.parentNode.insertBefore(script, firstScriptTag);
+			}
+			VrAPI.isMediaStarted = true;
+		}
+	},
+
+	mediaReady: function mediaReady() {
+		VrAPI.isLoaded = true;
+		VrAPI.isMediaLoaded = true;
+
+		while (VrAPI.creationQueue.length > 0) {
+			var settings = VrAPI.creationQueue.pop();
+			VrAPI.createInstance(settings);
+		}
+	},
+
+	createInstance: function createInstance(settings) {
+		var player = new VRView.Player('#' + settings.id, settings.options);
+		window['__ready__' + settings.id](player);
+	}
+};
+
+var VrRenderer = {
+	name: 'vrview',
+
+	options: {
+		prefix: 'vrview'
+	},
+
+	canPlayType: function canPlayType(type) {
+		return ~['video/mp4', 'application/x-mpegurl', 'vnd.apple.mpegurl', 'application/dash+xml'].indexOf(type.toLowerCase());
+	},
+
+	create: function create(mediaElement, options, mediaFiles) {
+		var stack = [],
+		    vr = {},
+		    readyState = 4;
+
+		var vrPlayer = null,
+		    paused = true,
+		    volume = 1,
+		    oldVolume = volume,
+		    bufferedTime = 0,
+		    ended = false,
+		    duration = 0,
+		    url = '';
+
+		vr.options = options;
+		vr.id = mediaElement.id + '_' + options.prefix;
+		vr.mediaElement = mediaElement;
+
+		var props = mejs.html5media.properties,
+		    assignGettersSetters = function assignGettersSetters(propName) {
+
+			var capName = propName.substring(0, 1).toUpperCase() + propName.substring(1);
+
+			vr['get' + capName] = function () {
+				if (vrPlayer !== null) {
+					var value = null;
+
+					switch (propName) {
+						case 'currentTime':
+							return vrPlayer.getCurrentTime();
+						case 'duration':
+							return vrPlayer.getDuration();
+						case 'volume':
+							volume = vrPlayer.getVolume();
+							return volume;
+						case 'muted':
+							return volume === 0;
+						case 'paused':
+							paused = vrPlayer.isPaused;
+							return paused;
+						case 'ended':
+							return ended;
+						case 'src':
+							return url;
+						case 'buffered':
+							return {
+								start: function start() {
+									return 0;
+								},
+								end: function end() {
+									return bufferedTime * duration;
+								},
+								length: 1
+							};
+						case 'readyState':
+							return readyState;
+					}
+
+					return value;
+				} else {
+					return null;
+				}
+			};
+
+			vr['set' + capName] = function (value) {
+
+				if (vrPlayer !== null) {
+					switch (propName) {
+
+						case 'src':
+							var _url = typeof value === 'string' ? value : value[0].src;
+							vrPlayer.setContentInfo({ video: _url });
+							break;
+
+						case 'currentTime':
+							vrPlayer.setCurrentTime(value);
+							setTimeout(function () {
+								var event = mejs.Utils.createEvent('timeupdate', vr);
+								mediaElement.dispatchEvent(event);
+							}, 50);
+							break;
+
+						case 'volume':
+							vrPlayer.setVolume(value);
+							setTimeout(function () {
+								var event = mejs.Utils.createEvent('volumechange', vr);
+								mediaElement.dispatchEvent(event);
+							}, 50);
+							break;
+						case 'muted':
+							volume = value ? 0 : oldVolume;
+							vrPlayer.setVolume(volume);
+							setTimeout(function () {
+								var event = mejs.Utils.createEvent('volumechange', vr);
+								mediaElement.dispatchEvent(event);
+							}, 50);
+							break;
+						case 'readyState':
+							var event = mejs.Utils.createEvent('canplay', vr);
+							mediaElement.dispatchEvent(event);
+							break;
+						default:
+							console.log('VRView ' + vr.id, propName, 'UNSUPPORTED property');
+							break;
+					}
+				} else {
+					stack.push({ type: 'set', propName: propName, value: value });
+				}
+			};
+		};
+		for (var i = 0, il = props.length; i < il; i++) {
+			assignGettersSetters(props[i]);
+		}
+
+		var methods = mejs.html5media.methods,
+		    assignMethods = function assignMethods(methodName) {
+			vr[methodName] = function () {
+
+				if (vrPlayer !== null) {
+					switch (methodName) {
+						case 'play':
+							return vrPlayer.play();
+						case 'pause':
+							return vrPlayer.pause();
+						case 'load':
+							return null;
+
+					}
+				} else {
+					stack.push({ type: 'call', methodName: methodName });
+				}
+			};
+		};
+		for (var _i = 0, _il = methods.length; _i < _il; _i++) {
+			assignMethods(methods[_i]);
+		}
+
+		var vrContainer = document.createElement('div');
+		vrContainer.setAttribute('id', vr.id);
+		vrContainer.style.width = '100%';
+		vrContainer.style.height = '100%';
+
+		window['__ready__' + vr.id] = function (_vrPlayer) {
+
+			mediaElement.vrPlayer = vrPlayer = _vrPlayer;
+
+			var iframe = vrContainer.querySelector('iframe');
+			iframe.style.width = '100%';
+			iframe.style.height = '100%';
+
+			if (stack.length) {
+				for (var _i2 = 0, _il2 = stack.length; _i2 < _il2; _i2++) {
+
+					var stackItem = stack[_i2];
+
+					if (stackItem.type === 'set') {
+						var propName = stackItem.propName,
+						    capName = '' + propName.substring(0, 1).toUpperCase() + propName.substring(1);
+
+						vr['set' + capName](stackItem.value);
+					} else if (stackItem.type === 'call') {
+						vr[stackItem.methodName]();
+					}
+				}
+			}
+
+			vrPlayer.on('ready', function () {
+
+				var events = mejs.html5media.events.concat(['mouseover', 'mouseout']);
+
+				var _loop = function _loop(_i3, _il3) {
+					vrPlayer.on(events[_i3], function () {
+						var event = mejs.Utils.createEvent(events[_i3], vr);
+						mediaElement.dispatchEvent(event);
+					});
+				};
+
+				for (var _i3 = 0, _il3 = events.length; _i3 < _il3; _i3++) {
+					_loop(_i3, _il3);
+				}
+			});
+		};
+
+		mediaElement.originalNode.parentNode.insertBefore(vrContainer, mediaElement.originalNode);
+		mediaElement.originalNode.style.display = 'none';
+
+		var vrSettings = {
+			path: options.vrPath,
+			is_stereo: options.vrIsStereo,
+			is_autopan_off: options.vrIsAutopanOff,
+			is_debug: options.vrDebug,
+			default_yaw: options.vrDefaultYaw,
+			is_yaw_only: options.vrIsYawOnly,
+			loop: options.loop
+		};
+
+		if (mediaFiles && mediaFiles.length > 0) {
+			for (var _i4 = 0, _il4 = mediaFiles.length; _i4 < _il4; _i4++) {
+				if (mejs.Renderers.renderers[options.prefix].canPlayType(mediaFiles[_i4].type)) {
+					vrSettings.video = mediaFiles[_i4].src;
+					vrSettings.width = '100%';
+					vrSettings.height = '100%';
+					break;
+				}
+			}
+		}
+
+		VrAPI.prepareSettings({
+			options: vrSettings,
+			id: vr.id
+		});
+
+		vr.hide = function () {
+			vr.pause();
+			if (vrPlayer) {
+				vrContainer.style.display = 'none';
+			}
+		};
+
+		vr.setSize = function () {};
+
+		vr.show = function () {
+			if (vrPlayer) {
+				vrContainer.style.display = '';
+			}
+		};
+
+		return vr;
+	}
+};
+
+mejs.Renderers.add(VrRenderer);
+
+Object.assign(mejs.MepDefaults, {
+	vrPath: null,
+
+	vrIsStereo: true,
+
+	vrIsAutopanOff: true,
+
+	vrDebug: false,
+
+	vrDefaultYaw: 0,
+
+	vrIsYawOnly: false
+});
+
+Object.assign(MediaElementPlayer.prototype, {
+	buildvrview: function buildvrview(player, controls, layers, media) {
+
+		var t = this;
+
+		if (!t.isVideo || t.isVideo && t.media.rendererName !== null && !t.media.rendererName.match(/(native\_(dash|hls)|html5)/)) {
+			return;
+		}
+
+		var button = document.createElement('div');
+
+		player.detectFullscreenMode();
+
+		button.className = t.options.classPrefix + 'button ' + t.options.classPrefix + 'vrview-button';
+		button.innerHTML = '<button type="button" aria-controls="' + t.id + '" title="VR" aria-label="VR" tabindex="0"></button>';
+		button.addEventListener('click', function () {
+			var isFullScreen = mejs.Features.HAS_TRUE_NATIVE_FULLSCREEN && mejs.Features.IS_FULLSCREEN || player.isFullScreen;
+
+			if (isFullScreen) {
+				player.exitFullScreen();
+			} else {
+				player.enterFullScreen();
+			}
+		});
+
+		t.globalBind('keydown', function (e) {
+			var key = e.which || e.keyCode || 0;
+			if (key === 27 && (mejs.Features.HAS_TRUE_NATIVE_FULLSCREEN && mejs.Features.IS_FULLSCREEN || player.isFullScreen)) {
+				player.exitFullScreen();
+			}
+		});
+
+		t.addControlElement(button, 'vrview');
+
+		var url = media.getSrc(),
+		    mediaFiles = [{ src: url, type: mejs.Utils.getTypeFromFile(url) }],
+		    renderInfo = mejs.Renderers.select(mediaFiles, ['vrview']);
+
+		media.changeRenderer(renderInfo.rendererName, mediaFiles);
+	}
+});
+
+},{}]},{},[1]);
diff --git a/app/Resources/public/assets/mediaelement/plugins/vrview/vrview.min.css b/app/Resources/public/assets/mediaelement/plugins/vrview/vrview.min.css
new file mode 100644
index 00000000000..9ebc6e52d77
--- /dev/null
+++ b/app/Resources/public/assets/mediaelement/plugins/vrview/vrview.min.css
@@ -0,0 +1 @@
+.mejs-vrview-button>button,.mejs__vrview-button>button{background:url(cardboard.svg) no-repeat 0 4px}
\ No newline at end of file
diff --git a/app/Resources/public/assets/mediaelement/plugins/vrview/vrview.min.js b/app/Resources/public/assets/mediaelement/plugins/vrview/vrview.min.js
new file mode 100644
index 00000000000..7f5a9fb5b9e
--- /dev/null
+++ b/app/Resources/public/assets/mediaelement/plugins/vrview/vrview.min.js
@@ -0,0 +1,12 @@
+/*!
+ * MediaElement.js
+ * http://www.mediaelementjs.com/
+ *
+ * Wrapper that mimics native HTML5 MediaElement (audio and video)
+ * using a variety of technologies (pure JavaScript, Flash, iframe)
+ *
+ * Copyright 2010-2017, John Dyer (http://j.hn/)
+ * License: MIT
+ *
+ */
+!function e(t,r,n){function a(s,o){if(!r[s]){if(!t[s]){var u="function"==typeof require&&require;if(!o&&u)return u(s,!0);if(i)return i(s,!0);var l=new Error("Cannot find module '"+s+"'");throw l.code="MODULE_NOT_FOUND",l}var c=r[s]={exports:{}};t[s][0].call(c.exports,function(e){var r=t[s][1][e];return a(r||e)},c,c.exports,e,t,r,n)}return r[s].exports}for(var i="function"==typeof require&&require,s=0;s<n.length;s++)a(n[s]);return a}({1:[function(e,t,r){"use strict";var n={isMediaStarted:!1,isMediaLoaded:!1,creationQueue:[],prepareSettings:function(e){n.isLoaded?n.createInstance(e):(n.loadScript(e),n.creationQueue.push(e))},loadScript:function(e){if(!n.isMediaStarted){if("undefined"!=typeof VRView)n.createInstance(e);else{var t=document.createElement("script"),r=document.getElementsByTagName("script")[0],a=!1;e.options.path="string"==typeof e.options.path?e.options.path:"https://googlevr.github.io/vrview/build/vrview.min.js",t.src=e.options.path,t.onload=t.onreadystatechange=function(){a||this.readyState&&void 0!==this.readyState&&"loaded"!==this.readyState&&"complete"!==this.readyState||(a=!0,n.mediaReady(),t.onload=t.onreadystatechange=null)},r.parentNode.insertBefore(t,r)}n.isMediaStarted=!0}},mediaReady:function(){for(n.isLoaded=!0,n.isMediaLoaded=!0;n.creationQueue.length>0;){var e=n.creationQueue.pop();n.createInstance(e)}},createInstance:function(e){var t=new VRView.Player("#"+e.id,e.options);window["__ready__"+e.id](t)}},a={name:"vrview",options:{prefix:"vrview"},canPlayType:function(e){return~["video/mp4","application/x-mpegurl","vnd.apple.mpegurl","application/dash+xml"].indexOf(e.toLowerCase())},create:function(e,t,r){var a=[],i={},s=null,o=!0,u=1,l=u;i.options=t,i.id=e.id+"_"+t.prefix,i.mediaElement=e;for(var c=mejs.html5media.properties,d=0,p=c.length;d<p;d++)!function(t){var r=t.substring(0,1).toUpperCase()+t.substring(1);i["get"+r]=function(){if(null!==s){switch(t){case"currentTime":return s.getCurrentTime();case"duration":return s.getDuration();case"volume":return u=s.getVolume();case"muted":return 0===u;case"paused":return o=s.isPaused;case"ended":return!1;case"src":return"";case"buffered":return{start:function(){return 0},end:function(){return 0},length:1};case"readyState":return 4}return null}return null},i["set"+r]=function(r){if(null!==s)switch(t){case"src":var n="string"==typeof r?r:r[0].src;s.setContentInfo({video:n});break;case"currentTime":s.setCurrentTime(r),setTimeout(function(){var t=mejs.Utils.createEvent("timeupdate",i);e.dispatchEvent(t)},50);break;case"volume":s.setVolume(r),setTimeout(function(){var t=mejs.Utils.createEvent("volumechange",i);e.dispatchEvent(t)},50);break;case"muted":u=r?0:l,s.setVolume(u),setTimeout(function(){var t=mejs.Utils.createEvent("volumechange",i);e.dispatchEvent(t)},50);break;case"readyState":var o=mejs.Utils.createEvent("canplay",i);e.dispatchEvent(o);break;default:console.log("VRView "+i.id,t,"UNSUPPORTED property")}else a.push({type:"set",propName:t,value:r})}}(c[d]);for(var v=mejs.html5media.methods,f=0,m=v.length;f<m;f++)!function(e){i[e]=function(){if(null!==s)switch(e){case"play":return s.play();case"pause":return s.pause();case"load":return null}else a.push({type:"call",methodName:e})}}(v[f]);var h=document.createElement("div");h.setAttribute("id",i.id),h.style.width="100%",h.style.height="100%",window["__ready__"+i.id]=function(t){e.vrPlayer=s=t;var r=h.querySelector("iframe");if(r.style.width="100%",r.style.height="100%",a.length)for(var n=0,o=a.length;n<o;n++){var u=a[n];if("set"===u.type){var l=u.propName,c=""+l.substring(0,1).toUpperCase()+l.substring(1);i["set"+c](u.value)}else"call"===u.type&&i[u.methodName]()}s.on("ready",function(){for(var t=mejs.html5media.events.concat(["mouseover","mouseout"]),r=0,n=t.length;r<n;r++)!function(r,n){s.on(t[r],function(){var n=mejs.Utils.createEvent(t[r],i);e.dispatchEvent(n)})}(r)})},e.originalNode.parentNode.insertBefore(h,e.originalNode),e.originalNode.style.display="none";var y={path:t.vrPath,is_stereo:t.vrIsStereo,is_autopan_off:t.vrIsAutopanOff,is_debug:t.vrDebug,default_yaw:t.vrDefaultYaw,is_yaw_only:t.vrIsYawOnly,loop:t.loop};if(r&&r.length>0)for(var g=0,w=r.length;g<w;g++)if(mejs.Renderers.renderers[t.prefix].canPlayType(r[g].type)){y.video=r[g].src,y.width="100%",y.height="100%";break}return n.prepareSettings({options:y,id:i.id}),i.hide=function(){i.pause(),s&&(h.style.display="none")},i.setSize=function(){},i.show=function(){s&&(h.style.display="")},i}};mejs.Renderers.add(a),Object.assign(mejs.MepDefaults,{vrPath:null,vrIsStereo:!0,vrIsAutopanOff:!0,vrDebug:!1,vrDefaultYaw:0,vrIsYawOnly:!1}),Object.assign(MediaElementPlayer.prototype,{buildvrview:function(e,t,r,n){var a=this;if(a.isVideo&&(!a.isVideo||null===a.media.rendererName||a.media.rendererName.match(/(native\_(dash|hls)|html5)/))){var i=document.createElement("div");e.detectFullscreenMode(),i.className=a.options.classPrefix+"button "+a.options.classPrefix+"vrview-button",i.innerHTML='<button type="button" aria-controls="'+a.id+'" title="VR" aria-label="VR" tabindex="0"></button>',i.addEventListener("click",function(){mejs.Features.HAS_TRUE_NATIVE_FULLSCREEN&&mejs.Features.IS_FULLSCREEN||e.isFullScreen?e.exitFullScreen():e.enterFullScreen()}),a.globalBind("keydown",function(t){27===(t.which||t.keyCode||0)&&(mejs.Features.HAS_TRUE_NATIVE_FULLSCREEN&&mejs.Features.IS_FULLSCREEN||e.isFullScreen)&&e.exitFullScreen()}),a.addControlElement(i,"vrview");var s=n.getSrc(),o=[{src:s,type:mejs.Utils.getTypeFromFile(s)}],u=mejs.Renderers.select(o,["vrview"]);n.changeRenderer(u.rendererName,o)}}})},{}]},{},[1]);
\ No newline at end of file