Track YouTube Videos implemented via BLOB

[jan_ellers]

Hi,

some started using blob elements in our pages, causing our standard video tracking to not work anymore. Before we used the webtrends extension for tracking ( https://community.tealiumiq.com/t5/Tags/Loading-the-YouTube-Player-API-for-WebTrends/ta-p/12350 )

Now i would try a workaround with the html5 or youtube tracking extensions suggested here:

https://community.tealiumiq.com/t5/iQ-Tag-Management/YouTube-Video-Tracking-Setup-Guide-for-Tealium-...

https://community.tealiumiq.com/t5/iQ-Tag-Management/HTML-5-Video-Tracking/ta-p/14849

Any ideas how I can track such an event in this video, embeed like the one below?

<video tabindex="-1" class="video-stream html5-main-video" webkit-playsinline="" playsinline="" controlslist="nodownload" style="width: 1349px; height: 759px; left: 83.3333px; top: 0px;" src="blob:https://www.youtube.com/d66568a7-9f6c-4ee4-9b8c-8230cf2cde3e"></video>

Aditionally to mention is that the above item is renderd only after the visitor clicked on a play icon...

[davidcreason]

@jan_ellers Would you be able to provide a link to a working example? 

[jan_ellers]

Here is an example where the video is embedded after the click on the play button: https://www.basf.com/en/challenges.html

[adrian_browning]

Hi @jan_ellers

So I took a look at the pages, and it looks like the <video> tag loads an iframe with the video, with the enablejs flag turned on. What I did to find this was use the selector.

$("div.stage__video[data-type='youtube']  iframe");

This will then allow you to use the other TLC links to continue tracking the video.

Hopefully, this helps you,

Adrian