Embedding Audio & Video Content - Instructions & Examples

7361
5
07-14-2013 06:44 PM
MarkGallant613
New Contributor II
While photos are the most common type of media seen in pop-ups on ArcGIS Online web maps and applications, similar options do exist for audio and video content. The PDF document attached below outlines a few tips and tricks when embedding audio or video media, as well as some of the pros and cons related to each type. The types covered include the following:

  • Bandcamp


  • SoundCloud


  • YouTube


  • Vimeo


I have also created a web mapping application to accompany the document as sort of a demonstration of results, along with the original web map version:

Web Mapping Application:

http://www.arcgis.com/apps/OnePane/storytelling_basic/index.html?appid=335b0e86035747548e26ae8ded3c9...

Web Map:
http://www.arcgis.com/home/webmap/viewer.html?webmap=4643c508e3d14cf4952f3ec914febdc0

It is essentially an expanded version I have written based on the tips outlined in this previous post concerning YouTube videos: http://forums.arcgis.com/threads/71886-adding-video-to-online-ArcGIS?highlight=YouTube
Tags (2)
0 Kudos
5 Replies
TimWitt
Frequent Contributor
Hey Mark,

I tried adding youtube videos before, but I ran into a problem in the google chrome browser. When you open a pop-up box that has a youtube video in it and you close the pop-up box, the video will still stay on your screen. It is a weird problem.


Just a heads up!

Tim
0 Kudos
MarkGallant613
New Contributor II
Hey Mark,

I tried adding youtube videos before, but I ran into a problem in the google chrome browser. When you open a pop-up box that has a youtube video in it and you close the pop-up box, the video will still stay on your screen. It is a weird problem.


Just a heads up!

Tim


Hi Tim,

You must "stop/pause" whatever media is inside the pop-up before closing the pop-up. I usually include this note as an instruction for users under the "Description & Contents" part of the metadata page for the web map or web mapping application.

Thanks!
0 Kudos
TimWitt
Frequent Contributor
Hi Tim,

You must "stop/pause" whatever media is inside the pop-up before closing the pop-up. I usually include this note as an instruction for users under the "Description & Contents" part of the metadata page for the web map or web mapping application.

Thanks!


Did you try this in the Google Chrome browser? Open your map in Google Chrome and click on one of the pop-up boxes that include a youtube video, close the pop-up box and you should be able to replicate the problem.
0 Kudos
RastislavElgr
New Contributor
Anybody figured out how to embed video stored on Flickr! account? It's pretty easy with YouTube, but Flickr! has rather complex code that doesn't fit into attritube table field. I'm trying to serve both pictures and video from one account, but can't make this video part work.

Example of Flickr! code:

<object type="application/x-shockwave-flash" width="400" height="300" data="http://www.flickr.com/apps/video/stewart.swf?v=137818" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param name="flashvars" value="intl_lang=en-us&photo_secret=6ce31bd948&photo_id=10967131444"></param> <param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=137818"></param> <param name="bgcolor" value="#000000"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=137818" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&photo_secret=6ce31bd948&photo_id=10967131444" height="300" width="400"></embed></object>


Thanks!
0 Kudos
PatrickRickles1
New Contributor

Hi Everyone,

As far as I can tell, embedding video directly into the pop ups in ArcGIS Online is still not possible. I tried the suggested work around (in Chrome and Firefox), but nothing is showing up. As a work-around, I've created a KML, embedding the iframe in CData tags as part of the Placemarker's Description. The KML can then be uploaded to your ArcGIS Online My Content (using Add Item) and then you can reference the KML layer in your map. You may need to adjust width/height of the iframe.

Hopefully this is functionality that will be incorporated soon; if anyone knows otherwise, though, please let me know.

0 Kudos