Forums / General Discussions / mp4 uploaded to image & document library

mp4 uploaded to image & document library

14 posts, 0 answered
  1. Brandon
    Brandon avatar
    50 posts
    Registered:
    30 Jul 2009
    30 Apr 2011
    Link to this post
    well we decided to revert back to 3.7 from 4.1 because the problems were insanely retarded.

    here is the problem i'm having. i know for a fact i have encoded my mp4 videos correct to stream to ipad/iphone and android devices using the jwplayer's newest coding and player.  i can verify this on the same server we are running 3.7 on by uploading the exact same file to the file folder and storing it in the file sytem and then embedding that file into the javascript for the jwplayer.

    the problem is when i use the modules > images & documents area to upload videos and then link those to the jwplayer they just will not work on ipad/iphone devices. they do work on any normal web browser and even android devices...but not ipad/iphone.

    i reconfigured the web.config to use the actual file extensions instead of the sxtb or whatever the default was, added the mime type to iis7 and when i put the directory ~/libraries/foldername/filename.mp4 in the javascript for the new jwplayer it works in all browsers online....but not on ipad/iphone. weird thing is it does work on android.

    i feel like this has something to do with the files being store in the database and the url being re-written thru sitefinity because if i upload the exact same file to the file system under Files, then link that in the jwplayer it works fine. i know for a fact the mp4 files are encoded properly to work on ipad/iphone devices...but somehow they dont work when i use the modules > library & documents section of the site to upload them. i need to use this because it lets me add title, description, and category to the videos. if i just upload to the file system i dont get to put that kind of info.

    can anyone help me here, maybe i'm overlooking something. telerik you constantly taught being developers of new technology but how can you if you cant serve properly encoded content to mobile devices? i need a solution any hack or change to web.config will work, i just want to be able to serve mp4 files not just to browsers but to iphone/ipad users.  there has to be a way and i feel like it has something to do with the way the library stores files to the database and then uses a re-written url to pull them out even though that isnt the actual url to the file.

    anyone experienced this? i need a work around. and dont tell me to upgrade to 4. we did that built out the entire site, then the 4.1 upgrade happened and screwed up literally everything we did, custom or not, and put us further behind...so we are back on 3.7 and will NOT move to 4 until it proven to be stable.

    thanks and if you need more details ask and i'll try to provide. it's insane that sitefinity cant serve mp4 to ipad/iphone devices. although the weird thing is it works fine on android devices. wtf????
  2. Brandon
    Brandon avatar
    50 posts
    Registered:
    30 Jul 2009
    30 Apr 2011
    Link to this post
    btw i must note i have altered the web.config to use the actual file extension instead of the .sflb.ashx default.

    i edited the web.config to allow real extensions based on an article i read on this site. but because it puts the url as
    Libraries/Videos/Title_I_typed_but_not_link_to_actual_file.mp4
    
    this works fine on web browsers, but will not steam in ipad,iphone. i know for a fact the video i upload works
    because i can put it on another server and put that as the file location and it will stream.
    
    the other thing i can do is upload it to the file system through the files upload then link to that and it work no problem
    
    only problem with that method is i cant attach categoyr, title, description. i need this meta data attached or associated with the file.
    
    anyone know how i can do this? would be real nice if you and i will share my solution if anyone helps me out.
    
    thanks 
    
  3. Brandon
    Brandon avatar
    50 posts
    Registered:
    30 Jul 2009
    02 May 2011
    Link to this post
    a little more info.

    the following is the header info from the mp4 embedded on an aspx page with the file located in the file system uploaded through the files tab in modules section. this works fine on all web browsers android, iphone/ipad. notice the mime type.

    video/mpeg
    Fri, 29 Apr 2011 20:09:55 GMT
    bytes
    "c5b66968a96cc1:0"
    Microsoft-IIS/7.5
    ASP.NET
    Mon, 02 May 2011 18:31:51 GMT
    30581775

    this header info is from the one stored in the modules > library & documents and stored in the database.

    public
    33554432
    video/mp4
    Thu, 28 Apr 2011 01:55:37 GMT
    Microsoft-IIS/7.5
    inline; filename=New+York+Road+Runners.mp4
    2.0.50727
    ASP.NET
    Mon, 02 May 2011 18:31:47 GMT

    i setup my mime type in iis7 as mp4 - video/mpeg. even if i change this to video/mp4 they both play in web browsers but the one stored in the database still wont play on iphone/ipads but will play on android. the top one plays like it should on all devices. we looked through the database where the video was saved and changed the mime type there to video/mpeg but that had no effect.

    any clues or suggestion on what to try now?
  4. Brandon
    Brandon avatar
    50 posts
    Registered:
    30 Jul 2009
    05 May 2011
    Link to this post
    so no one has tried to stream videos to ipad/iphone devices using sitefinity?

    Ideas around this flaw?
  5. Radoslav Georgiev
    Radoslav Georgiev avatar
    3370 posts
    Registered:
    24 Sep 2012
    06 May 2011
    Link to this post
    Hello Brandon,

    iPhone and iPad do not support silverlight and this is why you have problems playing the videos - the videos are being played by a silverlight media player. In order to stream the content to those devices you will have to use a media player which is supported by their browsers.

    Kind regards,
    Radoslav Georgiev
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  6. Brandon
    Brandon avatar
    50 posts
    Registered:
    30 Jul 2009
    06 May 2011
    Link to this post
    sorry to be rude but do you actually read what i wrote? in my first post i said...

    "i know for a fact i have encoded my mp4 videos correct to stream to ipad/iphone and android devices using the jwplayer's newest coding and player.  i can verify this on the same server we are running 3.7 on by uploading the exact same file to the file folder and storing it in the file sytem and then embedding that file into the javascript for the jwplayer."

    please note the JWPLAYER - i do not use silverlight as it sucks.

    please take the time to read what i wrote as it is clearly detailed and points out everything i've tried. not once did i mention trying to use silverlight as the player. i stated jwplayer several times. i also said they will stream fine if i play from filesystem and link directly to the file - but will not if i use the library to do so, even after changing the web config to show the actual file extension. i dont understand how you could skip all that and then give me a reply about how you use silverlight. i know you use silverlight which is why i use jwplayer media player - i'm trying to build a site that isnt limited to 10 people that actually installed silverlight.
  7. Radoslav Georgiev
    Radoslav Georgiev avatar
    3370 posts
    Registered:
    24 Sep 2012
    12 May 2011
    Link to this post
    Hello Brandon,

    I think that your code is not able to properly resolve the correct paths to the JS of the JWplayer and the video that needs to be played. I have attached a small sample site where this works. The username and password are both admin.

    Regards,
    Radoslav Georgiev
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  8. Brandon
    Brandon avatar
    50 posts
    Registered:
    30 Jul 2009
    12 May 2011
    Link to this post
    hmm - thanks Radoslav, i will give this a shot. i see you have implemented an new control for this to pull the data video file from. i setup a test page with nothing on it - pasted 2 video players with this code

    <div style='z-index: 10000 ! important;position:relative;top:1px' id='mediaspace'>Loading the player...</div><br />
    <script type='text/javascript'>jwplayer('mediaspace').setup({
    width: 640,
    height: 360,
    image: '/Libraries/Videos/ap_Strategies_640x360_thumbnail.jpg',
    file: '/Libraries/Videos/Ap_Strategies.mp4',
    dock: 'false',
    autostart: 'false',
    mute: 'false',
    shuffle: 'false',
    smoothing: 'true',
    stretching: 'uniform',
    });</script>

    this was after i configure web.config to show actual extensions. also the links to the image were found by browsing to documents/library and click the embed link and then copy/pasting to the jwplayer code. this method did not work to iphone/ipad but works fine in all web browsers. android played it because i think after android 2.0 or 2.2 flash player is included on that device.

    the other way i did it was exactly as above but instead of pulling the video from the uploaded library i just put a file in the server like http://localhost/videos/file.mp4 and linked to that and it streamed to the iphone/ipad just fine. same file btw.

    i will try using what you've taken the time to put together and see if i can make it work. i'll let you know and thanks for helping with this as i feel it is very important and i know many others will benefit from this as well.
  9. Radoslav Georgiev
    Radoslav Georgiev avatar
    3370 posts
    Registered:
    24 Sep 2012
    13 May 2011
    Link to this post
    Hi Brandon,

    Let me explain what I have done so that it can be used by other users too. I have created a small user control which contains two hidden fields and the script of the JW Player. I have used the JsFileLink control to link to the necessary script files as this control takes application relative paths and the control resolves the path no matter where in the page hierarchy the player is used.

    On page load event of the user control I take a video file from the libraries and pass it to one of the hidden fields after I resolve the application relative path to a client path, which can be used by the browser. The second hidden field holds the resolved path to player.swf file. Please note that once you get the library item object you can also get its autogenerated thumbnail from the Thumbnails property. You can even use the Html5 version of the player, sample attached.


    Kind regards,
    Radoslav Georgiev
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  10. Brandon
    Brandon avatar
    50 posts
    Registered:
    30 Jul 2009
    16 May 2011
    Link to this post
    so i implemented this on our server and it does the same thing as before. the video shows up fine and plays fine in all web browsers that support flash but i cannot get it to work for iphone/ipad. it shows the video area on the device but the little play icon doesnt show up.

    i used a video i already uploaded to the library. it displayed and played just fine in major web browsers. i then took the same video and placed it in /videos folder. linked directly to it in a test.aspx page with only the jwplayer code on it and loaded that url on my device. it showed the play button and streamed to the device just fine.

    i have been unsuccessful getting videos in the library to stream for some reason. but directly linking to them on the filesystem works without failure everytime.

    did you try this on ipad/iphone? if so what versions? i'm testing with a iphone 4 ios 4.2.1
  11. Ivan Dimitrov
    Ivan Dimitrov avatar
    16064 posts
    Registered:
    24 Sep 2012
    17 May 2011
    Link to this post
    Hi Brandon,

    We don't make tests on mobile devices. The iphone plays only embedded videos in the browser and only if it is in HTML5 or youtube( with additional application). You need to find a third party library that is fully compatible with iOS

    Regards,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  12. Robert McCarter
    Robert McCarter avatar
    5 posts
    Registered:
    13 May 2010
  13. Brandon
    Brandon avatar
    50 posts
    Registered:
    30 Jul 2009
    12 Dec 2011
    Link to this post
    yea similar in they still havent fixed it.

    it's a mobile world and we need our videos to play on mobile devices. i gave up on this along time ago and just play our videos using jwplayer.

    they still do not play on ipad/iphone devices. :(
  14. Robert McCarter
    Robert McCarter avatar
    5 posts
    Registered:
    13 May 2010
    12 Dec 2011
    Link to this post
    I've ended up hosting my videos on Amazon's cloud-front and then building
    my own UserControl to play them from there within my website.

    They play on the iPad just fine, but unfortunately my (very simplistic) user control
    isn't integrated into the Sitefinity library whatsoever, so I'm left to manage my
    videos by hand.
Register for webinar
14 posts, 0 answered