23 Answers, 1 is accepted
The RadMediaPlayer is capable of playing full HD (1080p) videos of any file size. Please note that the extension of the video file is not the only factor which determines whether the file can be played in the RadMediaPlayer. The .mp4 video file should be having H.264 as the video codec and AAC as the audio codec, then only it can be played in the RadMediaPlayer. Even if the file is having a .mp4 extension but if the codec are different like XVID or PCM then you cannot play such files. So if these requirements are not met, please convert the video file to the supported format with the prescribed codecs.
Hope this helps,
Shinu.
Can you please suggest video converters to use to get videos playing on radmediaplayer. I'm using trial version and unable to play .mp4 videos. Thank you.
Even if you are using the trial version of RadControls, you can play video files using this control. Only thing is that the video file should be in MP4 format with H264 video codec and AAC audio codec or WebM format with VP8 video codec and Vorbis audio codec or Ogg format with Theora video codec and Vorbis audio codec.
You can use any video converting software which can convert video files to .mp4 format with H.264 video codec and AAC audio codec. You can try some of these converters available on the internet which are free to download and use.
Any Video Converter, MyFFVideoConverter.
Hope this helps,
Shinu.
Below is my code -
<telerik:RadMediaPlayer ID="RadMediaPlayer1" runat="server" HDActive="false" Width="700px"
Height="500px" StartVolume="90"
Source="~/App_Data/sample.mp4">
</telerik:RadMediaPlayer
It works when I set url from youtube as source but not otherwise. If you could point me to few working examples that would be very helpful. Thank you very much.
<%-- <telerik:RadMediaPlayer ID="RadMediaPlayer1" runat="server" HDActive="false" Width="700px"
Height="500px" StartVolume="90" Source="http://www.youtube.com/watch?v=3FcCUXrR1-0"></telerik:RadMediaPlayer>--%>
It also works on IE 10 when I used HTML 5 code as shown below -
<video controls="controls" autoplay="autoplay">
<source src="C:\sample.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
You can use many online converters to assemble your videos:
http://video.online-convert.com/
Can you please verify that you have defined the correct MIME settings?
http://www.telerik.com/help/aspnet-ajax/mediaplayer-getting-started.html
I am attaching a sample web site for reference. Please run the application and let me know if it helps you.
Regards,
Eyup
Telerik
As a security measure, files in the App_Data, App_Code folders are not served by the Web server. This is why if you place your video files in any of those folders it won't be public and you won't be able play it. I suggest you place all the video files in a separate folder and try the following code.
ASPX:
<
telerik:RadMediaPlayer
ID
=
"RadMediaPlayer1"
runat
=
"server"
HDActive
=
"false"
Width
=
"700px"
Source
=
"../Videos/RadControls.mp4"
Height
=
"500px"
StartVolume
=
"90"
>
</
telerik:RadMediaPlayer
>
Thanks,
Shinu.
Thanks for quick response. I was able to play videos(webM and ogg) using mediaplayer on Firefox and chrome browsers but not IE 10. I'm still having issues playing .mp4 files on those 3 browsers. I also tired mp4 file that you sent with example. It didn't work. I just get black screen with play button in center but video is not loaded. Could this be an issue of browser settings, activex controls? Please let me know. Thank you very much for all your help.
-Shwetha
Currently, RadMediaPlayer supports three media formats : MP4, WebM and Ogg. The WebM and Ogg formats are supported in Firefox, Chrome and Opera but unsupported in Internet Explorer and Safari. Regarding the MP4 format, it is well supported in IE, Safari, Chrome, Firefox( minimum version required is Firefox 21 running on Windows 7) but does not work in Opera.
Note: If you are developing on an intranet and you have rendering issues for HTML5 video and other features, you can add <meta http-equiv-"X-UA-Compatible" content="IE=edge"/> to the "<head>" block of a webpage for testing. This forces Windows Internet Explorer to use the latest standards. If you prefer, configure your web development server to send a meta http-equiv-"X-UA-Compatible" header with IE=9 or IE=10 instead. For more info about document compatibility, see Defining Document Compatibility.
Hope this helps,
Shinu.
Can you please verify that you are trying the player on IE9+?
Looking forward to your reply.
Regards,
Eyup
Telerik
I'm using IE 10 browser for playing videos. Finally, I was able to play .mp4 videos by adding setting to web.config file as told by Shinu. Now, I can play .mp4 videos on FF, chrome and IE 10 . Thank you for all your help in making this work.
<system.webServer>
<httpProtocol>
<customHeaders>
<clear />
<add name="X-UA-Compatible" value="IE=10" />
</customHeaders>
</httpProtocol>
</system.webServer>I was trying this control and got stuck with playing HD videos. I set the source to a 720p HD mp4 video and it played fine. But when I press the HD button in the player toolbar, suddenly the video stops playing and the control looks as if there is no video file to play. How to deal with this?
Thanks
Henry
When you press the HD button in the player toolbar the control will look for an HD video source which can be specified in the HDSource property of the RadMediaPlayer. So check whether you have set any URL to HDSource property. If you are already setting an HD video as the Source, then you can hide the HD button as shown here.
Thanks,
Shinu.
How can I display an image on the media player when the video is loaded and not yet started playing?
Please set the Poster property of the control as shown below.
ASPX:
<
telerik:RadMediaPlayer
ID
=
"RadMediaPlayer1"
runat
=
"server"
Width
=
"700px"
Height
=
"500px"
Source
=
"../Videos/SampleVideo.mp4"
Poster
=
"../Images/Poster1.jpg"
>
</
telerik:RadMediaPlayer
>
Thanks,
Shinu.
I'm afraid it is difficult to determine the cause of the issue without replicating it locally. I can suggest that you double check your MIME settings whether the production server has them enabled. You can also do that by testing to play your video files with a standard HTML5 video tag:
http://www.w3schools.com/html/html5_video.asp
You can also check this article:
http://www.telerik.com/help/aspnet-ajax/mediaplayer-playing-video-on-ie.html
Hope this helps.
Regards,
Eyup
Telerik
Build cross-platform mobile apps using Visual Studio and .NET. Register for the online webinar on 03/27/2014, 11:00AM US ET.. Seats are limited.
I am using telerik rad mediaplayer for playing audio in one of our medical transcription application. I face some issues in it,
1. It only play MP3 files
2. I want to play each file in button click, but in current scenario, when I play first file, then select second file, then also it just continue to play the first file itself.
3. Is both video and audio player are using the same skin?
4. have any other player for playing audio files?
Find an online demo below that presents the proper functionality of audio/video files played with MedialPlayer:
http://demos.telerik.com/aspnet-ajax/media-player/examples/functionality/mediatypes/defaultcs.aspx
Test it on your end and verify what the difference in your case is.
Currently the RadMediaPlayer is the only control in our suite that can be used for playing audio files.
Regards,
Maria Ilieva
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
Hi Shinu,
Is there any way to access
files in the App_Data, App_Code folders are not served by the Web server. This is why if you place your video files in any of those folders it won't be public and you won't be able play it. I suggest you place all the video files in a separate folder and try the following code.​
Hi Shinu
Is there any way to access video file from app_data folder.
files in the App_Data, App_Code folders are not served by the Web server. This is why if you place your video files in any of those folders it won't be public and you won't be able play it. I suggest you place all the video files in a separate folder and try the following code.​​
As explained in the copied text you provided, these destinations are interpreted as special folders by Visual Studio. You will need to place your video files in different folders or directly to the project folder. Alternatively, you can upload them to a live site and use the generated URL as the Source for RadMediaPlayer.
I hope the clarification was helpful.
Regards,
Eyup
Telerik