storing json response in variable

Question

> html > head > script src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js' > script > script > $(document).ready(function(){ $(function () { $('#btn').bind('click', function () { var url = 'http://104.211.243.204/?container=comedy-movies&blob=' + encodeURIComponent($('#itemList').val()); // window.location.href = url ; playVideo(url); }); }); }); function playVideo(url){ $('#divVideo video source').attr('src',url); $('#divVideo video')[0].load(); } script > head > body > div id = 'divVideo' > video width = '320' height = '240' controls > source type = 'video/mp4' > video > div > body > script > script > html > i have tried this but didnot give me any output please help me regarding thsi.

Jayesh Agrawal · Answer

Abhijeet, it seems fine. but you should verify few things with yourself is: -> put console.log(url) as first-line in playvideo function. and check in browser the url you are excepting is correct or not. -> add video play method after the $("#divVideo video")[0].load(); in playvideo function. not sure, but btn and itemList where in html dom? Hope it will helpful for you.

Mukesh Nayak · Answer

HI Abhijeet, I think it is better you understand the concept. Lets understand by example if you check the code below : "~/Scripts/jquery-1.10.2.js" > "padding:10px;" > "btnVideo" > Play Video "divVideo" > "video" width= "400" controls> $(document).ready( function () { function playVideo(url) { var video = document.getElementById( 'video' ); var source = document.createElement( 'source' ); source.setAttribute( 'src' , url); video.appendChild(source); video.play(); } $( "#btnVideo" ).click( function () { var url = "https://moviestarstorage.blob.core.windows.net/water/gol.mp4" ; playVideo(url); }); }); Now in the code i have taken the url as default and the output you will get something like But please try to get the code , url is not the direct url you will get it after you do an ajax call. And it looks like the response is something like { "url": "https://moviestarstorage.blob.core.windows.net/water/gol.mp4" } . So your code should look like following : $( "#btnVideo" ).click( function () { var linkurl = "http://104.211.243.204/?container=comedy-movies&blob=" + encodeURIComponent($( "#itemList" ).val()); $.ajax({ url: linkurl, success: function (result) { jsonResponse = result; playVideo(jsonResponse.url); } }); }); Try and let me know if above code works. Regards, Mukesh Nayak

Mukesh Nayak · Answer

Hi Abhijeet, You need to enable cors on your API side.Please refer the link below : https://www.c-sharpcorner.com/forums/web-api-error-quotno-sharp39accesscontrolalloworiginquot Please let me know if that works. Regards Mukesh Nayak

Abhijeet Panpatil · Answer

@Mukesh Nayak sir I have tried this , when i provide url manually it works fine. But when i try to give url after ajax call it shows me the following error:- Failed to load http://104.211.243.204/?container=comedy-movies&blob=come1.mp4: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:50136' is therefore not allowed access. Please help me regarding this. I have search for this error but nothing was work for this error.

storing json response in variable

Answers (4)