Embedding an IFrame

Iframe embedding template

Complete Code

PG problem file

Explanation

DOCUMENT();

loadMacros('PGstandard.pl', 'PGML.pl', 'PGcourse.pl');

Preamble

These standard macros need to be loaded.

$slideshow = MODES(
    HTML => tag(
        'iframe',
        src =>
            'https://docs.google.com/presentation/d/1pk0FxsamBuZsVh1WGGmHGEb5AlfC68KUlz7zRRIYAUg/embed#slide=id.i0',
        width  => '555',
        height => '451'
    ),
    TeX => 'An embedded Google slide show.'
);

$video = MODES(
    HTML => tag(
        'iframe',
        src             => 'https://www.youtube.com/embed/M4vqr3_ROIk',
        width           => '420',
        height          => '315',
        allowfullscreen => undef
    ),
    TeX => "An embedded YouTube video."
);

Setup

Create a mode dependent variable $slideshow that displays a Google slideshow inside an html iframe when in html mode, and the message “An embedded Google slide show.” in TeX mode. If you omit the TeX mode, then there will be errors when the PDF hard copy is generated. Similarly for the $video. (Searching the web for “YouTube embed video” should bring up instructions for how to get the code to embed a YouTube video into a webpage.)

BEGIN_PGML
# Embedded Google slides

>> [$slideshow]* <<

>>Google slides embedded using an iframe.<<

# Embedded YouTube video

>> [$video]* <<

>>YouTube video of Arthur Benjamin, mathemagician, embedded using an iframe.<<
>>If the video does not work,
[@ htmlLink("https://www.youtube.com/embed/M4vqr3_ROIk",
    "click here to go to YouTube directly.") @]*<<
END_PGML

Statement

Include the $slideshow and $video.

BEGIN_PGML_SOLUTION
Solution explanation goes here.
END_PGML_SOLUTION

ENDDOCUMENT();

Solution

A solution should be provided here.