feat(blog): implement shorthand for yt embeds

Co-Authored-By: mrjvs <mistrjvs@gmail.com>
This commit is contained in:
limes.pink
2025-04-16 17:41:39 +02:00
parent fbd9928003
commit 31369704ca
6 changed files with 38 additions and 10 deletions

View File

@@ -83,7 +83,8 @@ In the latest version of the Cemu 2.0 experimental builds, support for Pretendo
If you haven't yet seen this video by Good Vibes Gaming, go check it out! I won't go anywhere...
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/Xtc9DJ6LYas" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
::md-iframe{video-id="Xtc9DJ6LYas"}
::
All done? Welcome back! Yes, you aren't dreaming - Wii U Chat is finally here! The journey leading up to this point has been an adventurous one, so grab your popcorn as we go back to the beginning.

View File

@@ -33,19 +33,22 @@ Both Mario Kart 7 and Mario Kart 8 have started going online and can play matche
![Screenshot of Billy showing off CTGP-7](/assets/images/blogposts/screenshot-of-billy-showing-off-ctgp-7.webp)
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/W974FEDIoAA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
::md-iframe{video-id="W974FEDIoAA"}
::
## Hello YouTube!
An unintended side effect of working on Miiverse support in Mario Kart 8 was YouTube uploading being re-enabled! You can now upload race clips from Mario Kart 8 to YouTube again. Patrons who run the Miiverse patch can try this feature out right now
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/d3Bq7auupV0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
::md-iframe{video-id="d3Bq7auupV0"}
::
## Squid Game
Splatoon multiplayer battles now works! As of now only private friend battles have been tested, but they seem to be working without issue
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/d_qFnXrP7a4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
::md-iframe{video-id="d_qFnXrP7a4"}
::
## Friendship is magic

View File

@@ -32,7 +32,8 @@ Juxt started out before I actually even joined the Pretendo Network development
From there we quickly realized that the scope of this project was going to be much larger than we though, and moved on to experimenting with the Miiverse Applet itself
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/d9VAr9sEvCo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
::md-iframe{video-id="d9VAr9sEvCo"}
::
> Check out this ancient video of the first demo website that was running in the Miiverse Applet.
@@ -40,11 +41,13 @@ Shortly after this the project was absorbed into the Pretendo Network, and our f
2020 was a big year for Juxt, going from the simple api server before, to rapidly building out its web interface and features across both the 3DS and Wii u
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/NrfaOx5xcJY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
::md-iframe{video-id="NrfaOx5xcJY"}
::
> First attempt at an interface for the 3DS
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/IXnJOacx_gE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
::md-iframe{video-id="IXnJOacx_gE"}
::
> Community page Demo on the Wii U

View File

@@ -126,9 +126,13 @@ console.log(trueOrFalseJSON);
<cite>Adapted from [blockquote: The Block Quotation element, from MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote)</cite>
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/djV11Xbc914" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
::md-iframe{video-id="djV11Xbc914"}
::
```<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/djV11Xbc914" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>```
```
::md-iframe{video-id="djV11Xbc914"}
::
```
![test](https://upload.wikimedia.org/wikipedia/commons/5/57/View_of_the_Turin_Metro_tracks_from_Fermi_terminal.jpg)

View File

@@ -0,0 +1,17 @@
<script lang="ts" setup>
// eslint-disable-next-line vue/prop-name-casing -- this is gonna be used in markdown
const { videoId } = defineProps({ 'video-id': { type: String, required: true } });
</script>
<template>
<iframe
width="560"
height="315"
:src="`https://www.youtube-nocookie.com/embed/${videoId}`"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin"
allowfullscreen
/>
</template>

View File

@@ -24,7 +24,7 @@ export default defineEventHandler(async (event) => {
posts.forEach((post) => {
feed.addItem({
title: post.title,
id: post.path,
id: post.path,
link: `https://pretendo.network${post.path}`,
description: post.caption,
author: [