Skip to content
This repository was archived by the owner on Jan 9, 2024. It is now read-only.

Gated video - support for iframe tag #353

Open
kuzmany wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Gated video - support for iframe tag #353

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
cbc3df5
Gated video - support for iframe tag
kuzmany Mar 3, 2023
0b49fab
Update docs.en.md
npracht Mar 3, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 21 additions & 0 deletions pages/25.Video/docs.en.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,6 +59,27 @@ that opens to insert gated videos into your landing page.

![](gated-video-icon.png)

## Disabled Javascript tracking support

The HTML5 video tag does not support external links, which means that YouTube and other external videos provider cannot be played using the video tag alone. In consequence, if the Mautic script is disabled, YouTube/Vimeo videos will not play.

To add support for YouTube and other external videos, you can use the following code:

### Example for YouTube

```html
<iframe data-form-id="1" data-gate-time="20" width="560" height="315" src="https://www.youtube.com/embed/QT6169rdMdk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
```

### )-Example for Vimeo

```html
<iframe data-form-id="1" data-gate-time="20" src="https://player.vimeo.com/video/757366077?h=abd498e559" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
```
This code is privded by from YouTube when using their embed feature. The `data-form-id` and `data-gate-time` attributes are still required to use the video as a Mautic gated video.

If the Mautic script is disabled, MediaElementPlayer can be used to play external videos.

## Tracked videos (Mautic 2.9.1 and above)

Mautic allow track contacts play/stop/time length action without gated feature. Any `<video>` tag found by the javascript that has a `data-mautic-video="true"` attribute will be treated as a tracked video by the Mautic javascript.
Expand Down