question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Recording user interactions on iFrame/video tags

See original GitHub issue

Hi,

I have tried to use a iframe and a video tag. The rrweb doesnt track the interactions on those. It just shows a grey area instead in the replay. Could you please help me out here to understand why that happens?

iFrame :

<iframe width="560" height="315" src="" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>

Video tag:

<video width="320" height="240" controls>
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    Your browser does not support the video tag.
  </video>

Is it that the interactions on the iframe or a video cannot be tracked?

Thanks in advance.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

3reactions
Yuyz0112commented, Jan 12, 2020

@praneetnadkar I believe this has been fixed in the latest release. Since the media may load asynchronously, the replay of the play events may not be perfectly accurate in timing but it should work.

0reactions
shivamtomar96commented, Jul 29, 2021

is this issue resolved ?

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to Track Conversions in Iframes with Google Tag Manager
This is a how-to guide on tracking conversions in iframes with Google Tag Manager. Master tracking iframes from third parties on your website....
Read more >
How to track iFrames with Google Tag Manager - YouTube
Iframe Tracking with GTM was always kind of hard, because iFrames are Webpages that are loaded within other webpages. Since Google Tag ......
Read more >
iFrame Tracking with jQuery and Google Tag Manager | Blog
Solution to track iframe video interactions with jQuery and Google Tag Manager. Example code, GTM recipe and more.
Read more >
How to Embed Video in HTML using iframe or video tag element
This article describes multiple ways to embed video in HTML documents using iframe and video tag. It also highlights important attributes ...
Read more >
The ultimate guide to iframes - LogRocket Blog
Developers mainly use the iframe tag to embed another HTML document within ... a YouTube video, or an advertising section on your website....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found