diff --git a/assets/components/releases/banner.vue b/assets/components/releases/banner.vue
index 3ff062c8..d4c19ce9 100644
--- a/assets/components/releases/banner.vue
+++ b/assets/components/releases/banner.vue
@@ -9,10 +9,11 @@
:src="`/media/${release.trailer.path}`"
:poster="release.poster && (sfw ? `/img/${release.poster.sfw.thumbnail}` : `/media/${release.poster.thumbnail}`)"
:alt="release.title"
+ :class="{ sfw: sfw && paused }"
class="item trailer-video"
controls
- @playing="playing = true"
- @pause="playing = false"
+ @playing="playing = true; paused = false;"
+ @pause="playing = false; paused = true;"
>Sorry, the tailer cannot be played in your browser