Replacing YouTube HTML links with embed code

Question

I'm writing web pages in markdown and converting them to HTML using md2html tool. I want to process the output HTML file and find any youtube link like this:

https://www.youtube.com/watch?v=abcdefgh887

and replace it with the embed code:

I toyed around a little with Grammars, mostly to get familiar with them, but concluded this probably isn't the ideal tool for the job. Plus I'd prefer to use existing modules that are easily adaptable to other similar tasks rather than roll my own half-baked solution.

Perl5 has some good tools for this kind of thing but I'd like to use a pure Raku solution so I can learn more Raku.

Any recommendations for good approaches to this problem?

user_1641112 · Answer

OK, found exactly what I needed for this job with DOM::Tiny.

Use it something like this:

    my $dom = DOM::Tiny.parse($html);
    for $dom.find('a[href]') -> $e  {
        if $e.text ~~ /^https\:\/\/www\.youtube\.com/ {
            my $embed = get_youtube_embed($e.text);
            $e.replace($embed)
        }
    }

user_1254996 · Answer

I tried to answer your question without knowing an example.

You need to extract youtubeId from A tag and then replace A tag into iframe tag.

pseudo code is:

for each line:
   if is youtube A tag,
       youtube A tag = youtube Iframe tag

Please paste your input file into my input variable.

const input = `
text1
https://www.youtube.com/watch?v=youtubeId1
text2
text3
https://www.youtube.com/watch?v=youtubeId2
`;

const rx = /^.*(?:(?:youtu\.be/|v/|vi/|u/\w/|embed/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?<]*).*/;

const getYoutubeIframe = (youtubeId) => {
   return ``
}

const output = input.split('
').map(line => {
   const youtubeLink = '

Replacing YouTube HTML links with embed code

2 Answers