diff --git a/layouts/_shortcodes/asciinema.html b/layouts/_shortcodes/asciinema.html
index 1f0267a..c473dd9 100644
--- a/layouts/_shortcodes/asciinema.html
+++ b/layouts/_shortcodes/asciinema.html
@@ -1,9 +1,9 @@
-<div id='{{ with .Get "key" }}{{ . }}{{ end }}'></div>
+<div id='{{ .Get "key" }}'></div>
 {{ with resources.Get "vendor/asciinema/asciinema-player.min.js" | fingerprint }}
   <script src="{{ .RelPermalink }}"></script>
 {{ end }}
 <script>
-    AsciinemaPlayer.create('/casts/{{ with .Get "key" }}{{ . }}{{ end }}.cast', document.getElementById('{{ with .Get "key" }}{{ . }}{{ end }}'), {
+    AsciinemaPlayer.create('/casts/{{ .Get "key" }}.cast', document.getElementById('{{ .Get "key" }}'), {
         {{ if .Get "cols" }}cols: "{{ .Get "cols" }}",{{ end }}
         {{ if .Get "rows" }}rows: "{{ .Get "rows" }}",{{ end }}
         {{ if .Get "autoPlay" }}autoPlay: "{{ .Get "autoPlay" }}",{{ end }}