nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Définir une fenêtre contextuelle HTML avec une vidéo dans AGOL

MikeSchudel1

Bonjour à tous

Je voulais aujourd’hui une fenêtre contextuelle en mode HTML dans la WebMap et ça fonctionne sans problème.

Mais dès que je veux créer une application web et que je reviens en arrière, je vois que le fichier HTML est différent.

Si je recharge uniquement la WebMap, le code HTML est le même (copié à nouveau).
Existe-t-il quelque part des consignes sur ce qui devrait figurer dans ce code HTML ?
Avez-vous une vidéo ou une meilleure solution pour la fenêtre contextuelle d’AGOL ?

Le code HTML (original) :

<html>

<head>

<title>{TITEL}</title>

</head>

<body>

</video>

</body>

</html>

Le code HTML (recopié) :

</video>

Trouver plus de publications taguées avec

Accepted answers

MikeSchudel1

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

All comments

MikeSchudel1

Javascript API - Show Video Feed in Popup?

khutchins

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

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:

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>

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

khutchins

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

MikeSchudel1

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

MikeSchudel1

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

khutchins

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

MikeSchudel1

Hi Kelly

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

Thanks

Mike

BrianFee

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

khutchins

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

BrianFee

Kelly, Here is a link to the map.

http://arcg.is/1RiMwbz

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

ShitalDhakal__GISP

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

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.