diff --git a/source/Ox.UI/js/Video/Ox.VideoPlayer.js b/source/Ox.UI/js/Video/Ox.VideoPlayer.js
index a0bf7264..02feb2f6 100644
--- a/source/Ox.UI/js/Video/Ox.VideoPlayer.js
+++ b/source/Ox.UI/js/Video/Ox.VideoPlayer.js
@@ -415,12 +415,9 @@ Ox.VideoPlayer = function(options, self) {
     ----------------------------------------------------------------------------
     */
 
-    self.$loadingIcon = $('<img>')
-        .addClass('OxLoadingIcon OxVideo')
-        .attr({
-            src: Ox.UI.getImageURL('symbolLoadingAnimated', 'modern')
-        })
-        .appendTo(self.$videoContainer);
+    self.$loadingIcon = Ox.LoadingIcon()
+        .appendTo(self.$videoContainer)
+        .start();
 
     if (self.options.showIcon || self.options.showIconOnLoad) {
         self.$playIcon = $('<img>')
@@ -1600,10 +1597,7 @@ Ox.VideoPlayer = function(options, self) {
     }
 
     function hideLoadingIcon() {
-        self.$loadingIcon.hide().attr({
-            src: Ox.UI.getImageURL('symbolLoading')
-                .replace('/classic/', '/modern/')
-        });
+        self.$loadingIcon.hide().stop();
     }
 
     function hideMarkers() {
@@ -2122,10 +2116,7 @@ Ox.VideoPlayer = function(options, self) {
     }
 
     function showLoadingIcon() {
-        self.$loadingIcon.attr({
-            src: Ox.UI.getImageURL('symbolLoadingAnimated')
-                .replace('/classic/', '/modern/')
-        }).show();
+        self.$loadingIcon.start().show();
     }
 
     function showVolume() {