Problem Facing in playing video in HTML5 video player

Question

5.00/5 (1 vote)

See more:

Actually in my asp.net web form i am using HTML5 video player in one site i seen a example i just copy pasted it is working but when i downloaded that video from that link i kept that video in my c drive and given src=path it is not playing here below is my code

Below code is working

XML

<video id="video1" width="420">
    <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
    Your browser does not support HTML5 video.
  </video>

Below code is not working

XML

<video id="video1" width="420">
    <source src="https://uat.priorusmed.com/PtImages/Sravi-klokesh/small.mp4" type="video/mp4">
    Your browser does not support HTML5 video.
  </video>

is there any problem in my code..

Posted 14-Mar-14 19:28pm

ntitish

Updated 15-Mar-14 1:49am

v5

Add a Solution

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sampath Lokuge · Accepted Answer · 2014-03-14T19:48:00

Solution 1

Here you can use either absolute or relative urls only.

Possible values:

An absolute URL - points to another web site (like src="http://www.example.com/small.mp4")

A relative URL - points to a file within a web site (like src="small.mp4")

When you add video into your web site,you can use it as below:

XML

<video width='300' height='200' controls>
    <source src="/PtImages/Sravi-klokesh/Priorus-1394794109.mp4" type="video/mp4"/>
    <p>Fallback code if video isn't supported</p>/
    </video>

Posted 14-Mar-14 19:48pm

Sampath Lokuge

Updated 14-Mar-14 20:05pm

v3

Comments

ntitish 15-Mar-14 1:54am

how can it get the video from the computer if i given simply src="small.mp4" the video is not in my project outside the project..

Sampath Lokuge 15-Mar-14 1:55am

You have to add it into your project.Otherwise it will not work.

ntitish 15-Mar-14 1:58am

ok sir even in my project also i am saving in folder like this i am saving in the project

PtImages/Sravi-klokesh/Priorus-1394794109.mp4

then how to give src

Sampath Lokuge 15-Mar-14 2:00am

Is above folder located under the Web site root ?

ntitish 15-Mar-14 2:03am

yes sir for example i am giving one link which is related to my project

source src="https://uat.priorusmed.com/PtImages/Sravi-klokesh/small.mp4" /

when i use that URL out side the video is playing but when attached to src it is not playing.

Sampath Lokuge 15-Mar-14 2:05am

I have updated my answer above.Please check that.

ntitish 15-Mar-14 2:14am

sir it is saying invalid source........

ntitish 15-Mar-14 2:14am

Sir below the video it is saying invalid sorce

Sampath Lokuge 15-Mar-14 2:16am

Do you have a folder structure as you mentioned above in your web solution ?

ntitish 15-Mar-14 2:18am

Yes sir....i given same path to media player it is working fine...

ntitish 15-Mar-14 2:18am

sir but if i given same path to media player it is playing the video.....if my path was wrong means it wont play in media player na sir..

Sampath Lokuge 15-Mar-14 2:25am

Are you test this on locally or IIS server ?

ntitish 15-Mar-14 2:27am

i am testing this on my local only sir.......

ntitish 15-Mar-14 2:29am

For example in this below link i just changed the
src="https://uat.priorusmed.com/PtImages/Sravi-klokesh/Priorus-1394794109.mp4"

http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_video_js_prop

here also it working but in my web page it is not working......

Sampath Lokuge 15-Mar-14 2:31am

Check this one "../PtImages/Sravi-klokesh/Priorus-1394794109.mp4"

ntitish 15-Mar-14 2:46am

same error sir invalid source.......sir i am updating my question with two codes one is working but another is not working.....can u see that again if you dont mind...

Sampath Lokuge 15-Mar-14 2:55am

Yes,Your problem is you cannot access https url from the local host.For that you have to host your site on IIS (with ssl enabled).GOT MY POINT ?

ntitish 15-Mar-14 3:07am

but it is not playing the video which is in my project also na sir....and how it is playing in windows media player sir.

ntitish 15-Mar-14 3:39am

Sir it is working but how to bind url dynamically......i mean src

ntitish 15-Mar-14 3:48am

Sir r u there..........

Sampath Lokuge 15-Mar-14 4:21am

Sorry,I couldn't get what you told? Can I have more info ?

ntitish 15-Mar-14 4:54am

If you see the below link means u can get an idea sir,

http://www.codeproject.com/Questions/744502/How-to-Bind-video-url-to-HTML-video-control-dynami

ntitish 15-Mar-14 5:01am

sir did you got my point......

ntitish 15-Mar-14 7:39am

Sir i got one more problem .....the video which is taken by android mobile is not playing html5 video control but it is playing video taken by IPhone. here problem is both videos are in mp4 format only.......is there any solution for this.

the video not playing in html5 video control (the video taken by Android)

https://uat.priorusmed.com/PtImages//btest-cscan//Priorus-1394878534693.mp4

the video playing in html5 video control (the video taken by IPhone)

https://uat.priorusmed.com/PtImages/YYang-Cscan/Priorus-1394881273.mp4

Sampath Lokuge 15-Mar-14 7:49am

Why can't you use working video only ? why do you need both ?

ntitish 15-Mar-14 8:13am

sir i want to play all the videos which is in my server so it is complsary to play the android mobile video also....so thats why i am asking.....is there any problem to play android mobile videos in html5 video control...

Sampath Lokuge 15-Mar-14 8:38am

Androids file format is different.It's *.m4v.Not *.mp4.Check that.

Sampath Lokuge 15-Mar-14 8:40am

Check this : http://stackoverflow.com/questions/1711078/html5-video-element-on-android

Problem Facing in playing video in HTML5 video player

1 solution

Solution 1

Add your solution here

Preview 0

Problem Facing in playing video in HTML5 video player

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us