Hello,
i try to use the Video Control in an asp.net webform (Version 12.1, .Net 4.0). I set the video source to an local mp4 file or a mp4 file on a webserver. I can open the file in an IE9 with no problems (
http://www.freizeit-saarmoselle.eu/Videos/1_5_M__Kurzfassung.mp4
)
But the IG VideoControl load and say 'no compatible video source' i each browser i try. Any idea?
Thanks
Patric
Hi Patric,
igVideoPlayer control actually uses HTML 5 VIDEO tag under the hood. I've tried to create very simple web page with only VIDEO element in it and your video didn't play, so the problem is that your video is not encoded in the right format defined in the specification of the VIDEO element. You can look at Mark Pilgrim's "Video on the web" chapter from Dive Into HTML 5 online book to get understanding of the VIDEO element.
Now I would ask myself: "But why the browsers play the video when it's not embedded into an html page?" and the answer is that the VIDEO tag follows a specification on how the video should be encoded in order to run on many platforms, so there are restrictions (I guess that the browsers check if the video is encoded with one of the supported formats by the specification.)
My advice is to encode your video in one of the supported formats by the VIDEO element. If you manage to run it with VIDEO element, then it will also run with igVideoPlayer.
Best regards,
Martin Pavlov
Infragistics, Inc.
Hello Martin,
the original video i used was a high res quick time format (mov). I try to convert this in a smaler mp4, webm and ogv format. The tools i used to convert was 'any-video-converter' and 'FreeStudio' from DVD-Videosoft. The programms sa they convert in the right version. After your post, i try to use 'media converter' of Adobe. But the video player don't show the converted mp4 file. Why??? what tool should i use?? Any tips for the format and the resolution ?
Thanks,
Attached you can find simple web page which has igVideoPlayer in it. Video player is configured to use 3 files in 3 different formats: mp4, ogv and webm. These 3 files I created with Miro using http://www.freizeit-saarmoselle.eu/Videos/Convert/Kurzfassung_x264.mp4 as a source. Also there is a fallback scenario for Safari which I found in this sample from Apple.
I tested my sample under IE9, Opera 12.02, Firefox 15.0.1, Chrome 22.0.1229.79 m, Safari 5.1.7. It works well with remote and local videos.
Try it and see if it works for you.
P.S.: You can see the links to the videos on Dropbox in the sample code.
thanks for your work. I tested your code with the files on your Dropbox, and it worked in all browser with audio, super. Then i downloaded the files from your Dropbox, store them on my Webserver and changed your programm. And you can imagine, no videos in IE and Firefox, but video and sound in Chrome and Safari (but in Safari i got video and audio and then again the video without audio).
I made two versions:
http://www.freizeit-saarmoselle.eu/videos/igVideoPlayer_1.html and
http://www.freizeit-saarmoselle.eu/videos/igVideoPlayer_2.html
Is it running on your machine with IE and Firefox (the main browsers used in Germany and France)??
Any idea where this problem came from??
It seems that the relative Urls to the videos are wrong. The following line doesn't contain valid Urls:
sources: ["~/Kurzfassung_x264.mp4", "~/Kurzfassung_x264.theora.ogv", "~/Kurzfassung_x264.webmvp8.webm"],
The correct sources definition should look like this:
sources: ["Kurzfassung_x264.mp4", "Kurzfassung_x264.theora.ogv", "Kurzfassung_x264.webmvp8.webm"],
OR
sources: ["./Kurzfassung_x264.mp4", "./Kurzfassung_x264.theora.ogv", "./Kurzfassung_x264.webmvp8.webm"],
Try it and tell me if it works.
with your help i can make a running sample:
http://www.freizeit-saarmoselle.eu/video_neu/video_2.htm
But i must place the video on my DropBox! I f i use my IIS, the page prompt the error with the wrong source format! Any idea what to do by the IIS (I set the Mime Types, but something went wrong). So i think it is a problem with IIS and not with the conversion.
Btw, in your sample you use the 'igButton'. Is there any documentation for the use of this class, it's properties, events and so on?
Additional question; as you see on my page, i use the 'bookmarks'-Array. But how can i hide the 'Skip to' frame in the Video Player?
Hello Patric,
Please let us know if you need any further assistance regarding this matter.