dexorder/corp
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

autoplay intro

Browse Source
This commit is contained in:
tim
2025-03-25 12:29:51 -04:00
parent a098e22e20
commit 14c4d0b9e0
3 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/.vitepress/theme/index.ts
View File

@@ -3,14 +3,14 @@ import { h } from 'vue'
import type { Theme } from 'vitepress' import type { Theme } from 'vitepress'
import DefaultTheme from 'vitepress/theme-without-fonts' // WITHOUT fonts import DefaultTheme from 'vitepress/theme-without-fonts' // WITHOUT fonts
import './style.css' import './style.css'
import IntroVideo from "../../components/IntroVideo.vue"; import IntroVideoAutoplay from "../../components/IntroVideoAutoplay.vue";
export default { export default {
extends: DefaultTheme, extends: DefaultTheme,
Layout: () => { Layout: () => {
return h(DefaultTheme.Layout, null, { return h(DefaultTheme.Layout, null, {
// https://vitepress.dev/guide/extending-default-theme#layout-slots // https://vitepress.dev/guide/extending-default-theme#layout-slots
'home-hero-actions-after': () => h(IntroVideo), 'home-hero-actions-after': () => h(IntroVideoAutoplay),
}) })
}, },
enhanceApp({ app, router, siteData }) { enhanceApp({ app, router, siteData }) {

10
src/components/IntroVideo.vue
View File

@@ -1,13 +1,11 @@
<template> <template>
<div style="margin-top: 1.5em; margin-bottom: 1.5em;"> <div style="margin-top: 1.5em; margin-bottom: 1.5em;">
<iframe width="560" height="315" src="https://www.youtube.com/embed/_sqzehuqWXw?si=SY04mCk9MhiBPFLP" title="Dexorder on YouTube" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> <!-- NOTE: add ?autoplay=1 to the src query string-->
<iframe style="display: inline-block" width="560" height="315" :src="`https://www.youtube.com/embed/${idAndSi}&autoplay=${autoplay?'1':'0'}`" title="Dexorder on YouTube" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div> </div>
</template> </template>
<script setup> <script setup>
const idAndSi = '_sqzehuqWXw?si=SY04mCk9MhiBPFLP'
const props = defineProps({autoplay: {type: Boolean, default: false}})
</script> </script>
<style scoped lang="scss">
</style>

7
src/components/IntroVideoAutoplay.vue Normal file
View File

@@ -0,0 +1,7 @@
<template>
<intro-video autoplay/>
</template>
<script setup>
import IntroVideo from "./IntroVideo.vue";
</script>