storing json response in variable

Abhijeet Panpatil

>
<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.

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Jayesh Agrawal8y ago
Accepted 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 Nayak8y ago
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 Panpatil8y ago
@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.
Mukesh Nayak8y ago
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>