diff --git a/app/assets/javascripts/thyme/annotations/annotation_manager.js b/app/assets/javascripts/thyme/annotations/annotation_manager.js
index aed7d7c3e..d070e2fff 100644
--- a/app/assets/javascripts/thyme/annotations/annotation_manager.js
+++ b/app/assets/javascripts/thyme/annotations/annotation_manager.js
@@ -82,7 +82,7 @@ class AnnotationManager {
     This method is e.g. used when a new annotation is being created.
     Don't mix up with updateMarkers() which just updates the position of the markers!
 
-    onSucess = A function that is triggered when the annotations have been
+    onSuccess = A function that is triggered when the annotations have been
                successfully updated.
     onSuccess = A function that is triggered when the annotations have been
                 successfully updated.
diff --git a/app/assets/javascripts/thyme/thyme_player.js b/app/assets/javascripts/thyme/thyme_player.js
index a428023c9..40d37b594 100644
--- a/app/assets/javascripts/thyme/thyme_player.js
+++ b/app/assets/javascripts/thyme/thyme_player.js
@@ -95,6 +95,9 @@ $(document).on("turbolinks:load", function () {
     onClick, onUpdate, isValid);
   thymeAttributes.annotationManager = annotationManager;
 
+  // update annotations manually once as initialization
+  annotationManager.updateAnnotations();
+
   // Update annotations after deleting an annotation
   const ANNOTATION_DELETE_SELECTOR = "#annotation-delete-button";
   $(document).on("click", ANNOTATION_DELETE_SELECTOR, function () {