Google drive embedded videos in html annotation task

Hi,

I am trying to embed google drive links into an html labeling task. When I render the html in my browser, it plays the video and works. However, when I start labeling in the labelbox UI it shows the thumbnails of the embedded video but when I try to play it it does not work. Do you know if it is because labelbox is somehow blocked by google when it comes to playing embedded videos?

Thamks!

Hi There,

When you are mentioning “embed google drive links into an html” do you mean you are passing the URL within an iframe (or an html doc)?
(if yes, can you provide a sample of the html file)
Is there a specific reason why are you are using the video itself directly in Labelbox?

Many thanks,
PT
Labelbox Support

1 Like

Hi!

Yes exactly, I am using an iframe like the follwing:

<iframe src="https://drive.google.com/file/d/<video_id>/preview" width="100%" height="100%"></iframe>

I am using an HTML because each video also has a text caption that has to be considered to label each instance. I could not find an option to add this for each video in Labelbox in the video labeling tool

So although we support only cloud hosted data (doc : Cloud storage integrations).
I was able to make it work with G-Drive :

<!DOCTYPE html>
<html lang="en">
  <iframe style="position: absolute; height: 100%; width: 100%; border: none" src=https://drive.google.com/file/d/16cJRdJrDfG61JTjiNOpf0gDw549gYahr/preview></iframe>
</html>

I managed the permission to allow all request :

image

Hope this helps!

Many thanks,
PT
Labelbox Support

2 Likes

It works! thank you very much!

1 Like