pinafore/routes/_components/status/VideoDialog.html

26 lines
452 B
HTML
Raw Normal View History

<ModalDialog :shown>
<video poster="{{poster}}"
src="{{src}}"
2018-01-21 18:32:18 +00:00
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>