halostatue

halostatue

MDExVideoEmbed - Privacy-Respecting Video Embed Plugin for MDEx

Over the last several months, I’ve been using Tableau to rebuild my long-neglected website. Tableau is part of the Elixir Tools project headed by @mhanberg, and is built on top of MDEx by @leandrocp. This library is one of ten libraries and Elixir extensions that I built. Most of these were built with the assistance of Kiro.

MDExVideoEmbed is an MDEx plugin for embedding videos with an emphasis on privacy preservation. It can be extended to support multiple video services that provide enhanced privacy options, but it currently embeds YouTube videos via youtube-nocookie.com with click-to-load consent (cookies are not set at all until the video is clicked).

Similar to MDExMermaid, it uses code blocks (```) to make embedding videos in textual content like a Tableau blog easy.

Example

markdown = """
```video-embed source=youtube
1bt-FHaFVH8
title=Red Hands by Walk Off the Earth
start=15
```
"""

MDEx.to_html!(markdown, plugins: [MDExVideoEmbed])

This generates:

<div class="video-embed youtube-embed">
  <div class="consent-overlay">
    <p>Click to load video from YouTube</p>
    <button>Load Video</button>
  </div>
</div>

https://github.com/halostatue/mdex_video_embed

Where Next?

Popular in Announcing Top

wmnnd
Hi there, for my project DBLSQD, I needed a file storage solution that is a bit more flexible than Arc. Because I thought others might f...
New
danschultzer
In short Plug n’ play OAuth 2.0 provider library. Just set up a resource owner schema with Ecto (your user schema), install the dependen...
New
kip
ex_cldr provides localisation and internationalisation support based upon the data from the Unicode CLDR project. Unicode released CLDR ...
407 13366 120
New
msaraiva
Surface is an experimental library built on top of Phoenix LiveView and its new LiveComponent API that aims to provide a more declarative...
564 44265 214
New
maltoe
Hello! Came here to announce ChromicPDF, a pet project PDF generator I’ve been working on for the past few months. Why another PDF gener...
New
tfwright
After working on it for a couple of months and using it in production for most of that time, today I’ve released LiveAdmin, a LiveView ba...
New
MRdotB
I needed to reuse React components from my Chrome extension in my Phoenix/LiveView backend. I noticed that for Svelte/Vue, there are live...
New

Other popular topics Top

grych
Hi folks, Few months ago I have announced the proof-of-concept of the library to manipulate the browsers DOM objects directly from Elixi...
639 54260 488
New
dokuzbir
I want to highlight html closing tags when i click a html tag. That works in .html files but doesnt work for html.eex templates. How can...
New
joeerl
Hello again - after a longish gap I’ve decided I really must dig into Elixir and see what’s been happening here - so I have a few questio...
New
sergio_101
I am VERY much an elixir newbie. I have taken one elixir course and one phoenix course on Udemy. During that course, I saw the instructor...
New
siddhant3030
Hi, I have to write a raw query for one of my project. But till now I have used ecto queries and don’t have much experience writing raw ...
New
TunkShif
This post is an instruction guide to help you setup your Neovim for Elixir development from scratch. It includes general information on h...
274 42716 114
New

We're in Beta

About us Mission Statement