topic Modify Popup Template for Video from url in attribute table in ArcGIS JavaScript Maps SDK Questions

Modify Popup Template for Video from url in attribute table

RuthCostley4 — Wed, 25 Jan 2017 13:52:45 GMT

I am trying to modify the code found at https://community.esri.com/thread/121245 to use a text field from the attribute table of the layer for the URL of the video. I am new to Javascript, so I'm struggling. I need to change line 7 so that the src is text from my attribute table. thx...

var template = new PopupTemplate();
template.setTitle("City");
template.setContent(getContent); //this will call the getContent function where you can custom build your fields and add video
function getContent(graphic){
var Content = "City Name: " + graphic.attributes.areaname + " Population: " + graphic.attributes.pop2000 + " ";
var Hyperlink = '<video width="250" height="250" controls><source src=http://techslides.com/demos/sample-videos/small.mp4 type=video/mp4></video> ';
return Content + Hyperlink;
}

Re: Modify Popup Template for Video from url in attribute table

RobertScheitlin__GISP — Fri, 10 Dec 2021 21:02:50 GMT

Ruth,

You are using an attribute already from data in that method "pop2000" so it is not much different:

        var template  = new PopupTemplate();  
        template.setTitle("<b>City</b>");  
        template.setContent(getContent); //this will call the getContent function where you can custom build your fields and add video  
      
        function getContent(graphic){  
          var Content = "<b>City Name:  </b>" + graphic.attributes.areaname + "<br> <b>Population:  </b>" + graphic.attributes.pop2000 + "<br>";   
          var Hyperlink = '<video width="250" height="250" controls><source src=' + graphic.attributes.videourl + ' type=video/mp4></video> ';  
        
          return Content + Hyperlink;  
        } ‍‍‍‍‍‍‍‍‍‍

Re: Modify Popup Template for Video from url in attribute table

RuthCostley4 — Wed, 25 Jan 2017 14:13:22 GMT

Thanks!!!

Re: Modify Popup Template for Video from url in attribute table

RobertScheitlin__GISP — Wed, 25 Jan 2017 14:21:34 GMT

Ruth,

Don't forget to mark this question as answered by clicking on the "Correct Answer" link on the reply that answered your question.