Forums

Home / Developer Network / Forums / Sitefinity Older Versions (3.x): General Discussions > mp4 uploaded to image & document library

• Brandon

  Posted on Apr 30, 2011 (permalink)

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

  Reply

• Brandon

  Posted on Apr 30, 2011 (permalink)

  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 
  

  Reply

• Brandon

  Posted on May 2, 2011 (permalink)

  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.
  
  

  Content-Type	video/mpeg
  Last-Modified	Fri, 29 Apr 2011 20:09:55 GMT
  Accept-Ranges	bytes
  Etag	"c5b66968a96cc1:0"
  Server	Microsoft-IIS/7.5
  X-Powered-By	ASP.NET
  Date	Mon, 02 May 2011 18:31:51 GMT
  Content-Length	30581775

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

  Cache-Control	public
  Content-Length	33554432
  Content-Type	video/mp4
  Last-Modified	Thu, 28 Apr 2011 01:55:37 GMT
  Server	Microsoft-IIS/7.5
  Content-Disposition	inline; filename=New+York+Road+Runners.mp4
  X-AspNet-Version	2.0.50727
  X-Powered-By	ASP.NET
  Date	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?

  Reply

• Brandon

  Posted on May 5, 2011 (permalink)

  so no one has tried to stream videos to ipad/iphone devices using sitefinity?
  
  Ideas around this flaw?

  Reply

• Radoslav Georgiev Radoslav Georgiev

  Posted on May 6, 2011 (permalink)

  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

  Reply

• Brandon

  Posted on May 6, 2011 (permalink)

  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.

  Reply

• Radoslav Georgiev Radoslav Georgiev

  Posted on May 12, 2011 (permalink)

  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

  Attached files

  • JWPlayerSample.rar

  Reply

• Brandon

  Posted on May 12, 2011 (permalink)

  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.

  Reply

• Radoslav Georgiev Radoslav Georgiev

  Posted on May 13, 2011 (permalink)

  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

  Attached files

  • JWPlayerSample.zip

  Reply

• Brandon

  Posted on May 16, 2011 (permalink)

  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

  Reply

• Ivan Dimitrov Ivan Dimitrov

  Posted on May 17, 2011 (permalink)

  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

  Reply

• Robert McCarter

  Posted on Dec 12, 2011 (permalink)

  This is very similar to:
  http://www.sitefinity.com/devnet/forums/sitefinity-4-x/general-discussions/streaming-videos-on-ios-devices.aspx
  

  Reply

• Brandon

  Posted on Dec 12, 2011 (permalink)

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

  Reply

• Robert McCarter

  Posted on Dec 12, 2011 (permalink)

  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.

  Reply

Home / Developer Network / Forums / Sitefinity Older Versions (3.x): General Discussions > mp4 uploaded to image & document library