pinafore/routes/_components/status/VideoDialog.html

<ModalDialog :shown>
  <video poster="{{poster}}"
         src="{{src}}"
         width="{{width}}"
         height="{{height}}"
         aria-label="Video: {{description || ''}}"
         controls
  />
</ModalDialog>
<style>
  :global(.modal-dialog video) {
    max-width: 100%;
  }
</style>
<script>
  import ModalDialog from '../ModalDialog.html'

  export default {
    components: {
      ModalDialog
    },
    methods: {
      async show() {
        this.set({shown: true})
      }
    }
  }
</script>