HTML pop-up define AGOL with Video

9025
18
Jump to solution
07-24-2015 08:20 AM
MikeSchudel1
New Contributor III

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 controls="true" height="100%" poster="{IMAGE_URL}" width="100%"  >

        <source src="{IMAGE_LINK_URL}" type="video/mp4">

        </video>

    </body>

</html>

The HTML code (recopy):

<video controls="true" height="100%" width="100%">

<source src="{IMAGE_LINK_URL}" type="video/mp4"></source>

</video>

Unbenannt.PNG

Tags (5)
0 Kudos
1 Solution

Accepted Solutions
MikeSchudel1
New Contributor III

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

View solution in original post

18 Replies
MikeSchudel1
New Contributor III
0 Kudos
KellyHutchins
Esri Frequent Contributor

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

Screen Shot 2015-07-30 at 12.02.13 PM.png'

Once I switch out of embed view I see this:

Screen Shot 2015-07-30 at 12.02.54 PM.png

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

Screen Shot 2015-07-30 at 12.03.32 PM.png

All of this was tested in Chrome.

MikeSchudel1
New Contributor III

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 controls="true" height="100%" poster="{IMAGE_URL}" width="100%"  >

        <source src="{IMAGE_LINK_URL}" type="video/mp4">

        </video>

    </body>

</html>

The result after direct save the pop-up:

Bildschirmfoto 2015-07-30 um 22.32.38.png

2. Reloading the WebMap with F5

Then I see the following pop-up view:
Bildschirmfoto 2015-07-30 um 22.35.21.png

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

<video controls="true" height="100%" width="100%">

<source src="{IMAGE_LINK_URL}" type="video/mp4"></source>

</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

KellyHutchins
Esri Frequent Contributor

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) | MD...

MikeSchudel1
New Contributor III

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 controls="true" height="100%" poster="{IMAGE_URL}" width="100%"  >

        <source src="{IMAGE_LINK_URL}" type="video/mp4">

        </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 controls="true" height="100%" poster="{IMAGE_URL}" width="100%"  >

        <source src="{IMAGE_LINK_URL}" type="video/mp4">

        </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.

Unbenannt.PNG

Thanks for Help

Mike

0 Kudos
KellyHutchins
Esri Frequent Contributor

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

MikeSchudel1
New Contributor III

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

Mike

0 Kudos
MikeSchudel1
New Contributor III

Hi Kelly

What is the status?
Did you find anything out?

Salute
Mike

0 Kudos
KellyHutchins
Esri Frequent Contributor

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?

0 Kudos