Get attribute from HTML element that is a json value using JS

Question

I have the following json returned from service:

{
"html": "<iframe width=\"480\" height=\"270\" src=\"https://www.youtube.com/embed/FQpUOimNvXA?feature=oembed\" frameborder=\"0\" allowfullscreen></iframe>"
}

How can I get src attribute value i.e. https://www.youtube.com/embed/FQpUOimNvXA?feature=oembed using javascript ?

KAD · Accepted Answer · 2015-09-17 06:28:50Z

5

Create a jQuery object from the iframe and obtain the src attribute:

var jsonString = {"html": "<iframe width=\"480\" height=\"270\" src=\"https://www.youtube.com/embed/FQpUOimNvXA?feature=oembed\" frameborder=\"0\" allowfullscreen></iframe>"}
var src = $(jsonString.html).attr("src");
$("#source").html(src);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="source"></div>

edited Sep 17, 2015 at 6:28

answered Sep 17, 2015 at 6:23

KAD

11.2k4 gold badges34 silver badges75 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

guradio · Accepted Answer · 2015-09-17 06:21:34Z

1

FIDDLE

var data = {
"html": "<iframe width=\"480\" height=\"270\" src=\"https://www.youtube.com/embed/FQpUOimNvXA?feature=oembed\" frameborder=\"0\" allowfullscreen></iframe>"
}

console.log(data.html);

var str = data.html;
var word = str.split(" ");
var word1 = word[3].split('"');
console.log(word1[1]);

I made split a couple of times i ended up with https://www.youtube.com/embed/FQpUOimNvXA?feature=oembed

answered Sep 17, 2015 at 6:21

guradio

15.6k4 gold badges39 silver badges65 bronze badges

1 Comment

guradio Over a year ago

yeah i know KAD has a better answer accept his @Mark

Collectives™ on Stack Overflow

Get attribute from HTML element that is a json value using JS

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related