diff --git a/ScreenPlay/assets/WorkshopPreview.html b/ScreenPlay/assets/WorkshopPreview.html
index 2cdda277..72f57255 100644
--- a/ScreenPlay/assets/WorkshopPreview.html
+++ b/ScreenPlay/assets/WorkshopPreview.html
@@ -8,7 +8,7 @@
         let html = document.getElementsByTagName('html')[0];
         html.setAttribute('style', 'margin: 0px;padding: 0px;overflow: hidden;background:black;');
         
-        var videoElem = document.createElement('VIDEO');
+        var videoElem = document.createElement('video');
         videoElem.setAttribute('width', '100%');
         videoElem.setAttribute('height', '100%');
         videoElem.setAttribute('id', 'video');
@@ -18,4 +18,4 @@
         document.body.appendChild(videoElem);
         </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/ScreenPlay/qml/Workshop/Sidebar.qml b/ScreenPlay/qml/Workshop/Sidebar.qml
index d57b72ea..4138b6c5 100644
--- a/ScreenPlay/qml/Workshop/Sidebar.qml
+++ b/ScreenPlay/qml/Workshop/Sidebar.qml
@@ -127,9 +127,11 @@ Drawer {
 
             function getUpdateVideoCommand() {
                 let src = ""
-                src += "var videoPlayer1 = document.getElementById('video');\n"
-                src += "videoPlayer1.src = '" + root.videoPreview + "';\n"
-                src += "videoPlayer1.play();\n"
+                src += "var video = document.getElementById('video');\n"
+                src += "video.src = '" + root.videoPreview + "';\n"
+                // Incase a workshop item has no gif preview
+                src += "video.poster = '" + root.videoPreview + "';\n"
+                src += "video.play();\n"
 
                 return src
             }