topic HTML pop-up define AGOL with Video in ArcGIS Online Questions

HTML pop-up define AGOL with Video

MikeSchudel1 — Fri, 24 Jul 2015 15:20:08 GMT

Hello everybody

I wanted today PopUp in HTML mode in the WebMap this goes without problems.

But as soon as I want to make a web app and go back sees the HTML fileis different.

The same the reload from WebMap only, ist the HTML code the (recopy).
Is there somewhere guidelines on what should be in this HTML code in it?
Do you run a video a better solution to the popup from AGOL?

The HTML code (Original):

<html>

<head>

<title>{TITEL}</title>

</head>

<body>

</video>

</body>

</html>

The HTML code (recopy):

</video>

Re: HTML pop-up define AGOL with Video

MikeSchudel1 — Thu, 30 Jul 2015 07:01:48 GMT

Javascript API - Show Video Feed in Popup?

Re: HTML pop-up define AGOL with Video

KellyHutchins — Thu, 30 Jul 2015 19:04:01 GMT

I just ran a quick test in ArcGIS Online using the config popup tools and was able to embed a video using this source:

Once I switch out of embed view I see this:

And finally when I click on the popup I see the video:

All of this was tested in Chrome.

Re: HTML pop-up define AGOL with Video

MikeSchudel1 — Thu, 30 Jul 2015 20:40:18 GMT

Hi Kelly

thank you for your description and effort, I bring this with the preview back and the eventual autostart.
But if I then look at this in the IFrame or WebApp this looks not so.

Try again better to describe this:

1. Original code in HTML Pop-Up Configurator

<html>

<head>

<title>{TITEL}</title>

</head>

<body>

</video>

</body>

</html>

The result after direct save the pop-up:

2. Reloading the WebMap with F5

Then I see the following pop-up view:

The code now looks as follows, if I this over the Konfiguratur now look:

</video>

Therefore I ask here, what can be done for commands for the video.
Because so as looks from programming only part possible.
But this I can not find, unfortunately, so I can implemetieren this application.

Again thanks for the help, i work with the Firefox.

Greeting
Mike

Re: HTML pop-up define AGOL with Video

KellyHutchins — Thu, 30 Jul 2015 23:32:55 GMT

Mike,

I'm sorry I'm not sure I understand the issue. Based on your screen shots it looks like the video shows up in the popup. Is something missing?

I created a simple test app that works for me - can you test and see if the video displays in the popup when you click the graphic on the map.

http://www.arcgis.com/apps/Embed/index.html?webmap=1f4ce5e86b2f4e04bcd6a504007adfc7

Also looks like you are specifying mp4 as the type. It sounds like there are some issues with this format in Firefox. More details here:

Media formats supported by the HTML audio and video elements - HTML (HyperText Markup Language) | MDN

Re: HTML pop-up define AGOL with Video

MikeSchudel1 — Fri, 31 Jul 2015 05:06:49 GMT

Hi Kelly

Thanks for the feedback, the video will play no question, also in the Firefox browser. I wanted to or had indeed the picture even given what I would have liked it. Sometimes another command with clay or automatic playback, etc.

<html>

<head>

<title>{TITEL}</title>

</head>

<body>

</video>

</body>

</html>

Try it once with the following statement, if I just insert this HTML text and the pop-up store, it looks like it should and also works that way.
Then I make a WebApp to where I indeed see this, or I invite the same WebMap again. Just then the HTML is no longer so spent as it has before.
Then I go again to the HTML pop-up configurator and following (in red) is no longer visible:

<html>

<head>

<title>{TITEL}</title>

</head>

<body>

</video>

</body>

</html>

Here is the link to my WebMap:

http://www.arcgis.com/apps/Embed/index.html?webmap=f80ac1dfe24a4f7cae601f3c52cf2bd4

The Source for the Media:

http://maps.gisguide.ch/video/tostechelberg/Oberhornseeli-SD.mp4

http://maps.gisguide.ch/video/tostechelberg/Oberhornseeli-SD.png

Here's what I see from your map, which works from Firefox as well as Microsoft.

Thanks for Help

Mike

Re: HTML pop-up define AGOL with Video

KellyHutchins — Fri, 31 Jul 2015 19:40:35 GMT

Mike

Now I understand - looks like the poster attribute is being stripped. I'll look and see if there's a way to fix this and post back here.

Kelly

Re: HTML pop-up define AGOL with Video

MikeSchudel1 — Fri, 31 Jul 2015 20:22:36 GMT

Kelly
thank you, I'm looking forward now to your answer.
Fine 1.August, our national holiday in Switzerland.

Mike

Re: HTML pop-up define AGOL with Video

MikeSchudel1 — Thu, 20 Aug 2015 09:57:24 GMT

Hi Kelly

What is the status?
Did you find anything out?

Salute
Mike

Re: HTML pop-up define AGOL with Video

KellyHutchins — Thu, 20 Aug 2015 16:46:11 GMT

I haven't been able to find a workaround for this issue. Looks like a bug because video is one of the supported tags so it should work. Can you submit this through Esri Support?

Re: HTML pop-up define AGOL with Video

MikeSchudel1 — Thu, 20 Aug 2015 19:06:01 GMT

Hi Kelly

thanks for teh support, im posting the answer with esri support in switzerland.

I think, i hope....

Greats Mike

Re: HTML pop-up define AGOL with Video

MikeSchudel1 — Mon, 31 Aug 2015 07:45:14 GMT

This is a Software Bug by ESRI Inc.

The Bug-Number is :

[BUG-000090407 : Poster attribute gets stripped from the Custom Attribute Display Pop-up configuration in ArcGIS Online Map Viewer]

http://support.esri.com/

Waiting for the Improvement...

Thanks ESRI for debug.

Mike

Re: HTML pop-up define AGOL with Video

KellyHutchins — Thu, 10 Sep 2015 04:01:43 GMT

Looks like this was fixed in last night's ArcGIS Online update.

Re: HTML pop-up define AGOL with Video

MikeSchudel1 — Thu, 10 Sep 2015 04:53:32 GMT

Hi Kelly

Keynote Apple an my problem by ESRI Inc. fixed in the same time 🙂

Thanks

Mike

Re: HTML pop-up define AGOL with Video

BrianFee — Fri, 30 Oct 2015 14:52:36 GMT

Good morning, Kelly

I am using the method you posted to embed a video into my popup. I had success using your video, but no success with mine.

I have some questions.

Is there a limit to file size? I am using a .mov file, but it is 77mb.

Are there specific file types allowed? I tried using a .mp4 and a .mpg.

Thanks

Matt

Re: HTML pop-up define AGOL with Video

KellyHutchins — Fri, 30 Oct 2015 16:51:46 GMT

I'm not aware of any limitations. Perhaps you can post an example?

Re: HTML pop-up define AGOL with Video

BrianFee — Fri, 30 Oct 2015 19:38:55 GMT

Kelly, Here is a link to the map.

http://arcg.is/1RiMwbz

http://patrickco.maps.arcgis.com/home/webmap/viewer.html?webmap=ed738c39b68743e1851c801166cf2a82

Re: HTML pop-up define AGOL with Video

MikeSchudel1 — Mon, 02 Nov 2015 06:49:36 GMT

Hi Brian

the first is the link is not for the MP4 video.
The other two can I download and Watch.
Unfortunately, I can with your card the PopUp not configure it, so I can not see what's wrong here as well.
Can you tell me this still see or share?

Best you take my suggestion in the text above.

Greeting
Mike

Re: HTML pop-up define AGOL with Video

ShitalDhakal__GISP — Mon, 14 May 2018 16:36:33 GMT

Hi Kelly,

Thank you for the HTMLs. They worked for me for the first time, however, on refreshing the webmap, I cannot see the video in the pop-up again. Also, when I pass the web map in a Web AppBuilder App, the video in the pop-up doesn't work, it's just a plain rectangle with a play button, no videos.

Do you happen to know what is going on?

Thanks,

Shital