HTML5 Video Streaming Issue with SiteFinity 5.4 - Sitefinity - Front- & Back-End Development

All Replies

Posted by Community Admin on 25-Apr-2013 00:00

Hi,

We have created a HTML5 player using http://www.videojs.com and we are uploading only MP4 files.
it works perfectly fine for us untill and unless we use external video URL, as soon as we start using URL from SiteFinity video library it starts troubling us.

When we use this with SiteFinity video URL it gives us perfect Flash Fallback in browsers which do not support HTML5 or MP4, but gives issue while playing in HTML5 compatible browsers (IE9 and Google Chrome).

For testing purpose I’ve kept both videos on our page, if you’ll look at the below code the only difference is ID of video tag and source URL.

Video played from SiteFinity Server:-

playerHTML.Append("<video id='home_video' class='video-js vjs-default-skin' controls preload='auto' poster='" + clickedVideo.ThumbnailUrl + "' data-setup=''> <source src='" + clickedVideo.MediaUrl + "' type='video/mp4'></source> </video>");

Video played from External URL:-
playerHTML.Append("<video id='home_video_Test' class='video-js vjs-default-skin' controls preload='auto' poster='" + clickedVideo.ThumbnailUrl + "' data-setup=''> <source src='techslides.com/.../small.mp4' type='video/mp4'></source> </video>");

The lower video works in all the cases.

The error which we see in IE9 is:

LOG:
Video Error[object Object]

LOG:
Given URL is not allowed by the Application configuration.: One or more of the
given URLs is not allowed by the App's settings. It must match the
Website URL or Canvas URL, or the domain must be a subdomain of one of the
App's domains.

LOG:
DOM Exception: INVALID_STATE_ERR (11)Video isn't ready. (VideoJS)

Please help.

Thanks,
Parimal

Posted by Community Admin on 25-Apr-2013 00:00

Hi Parimal,

check if this helps in your case, see the link:

for this error DOM Exception: INVALID_STATE_ERR (11)Video isn't ready. (VideoJS) : http://help.videojs.com/discussions/questions/421-using-api-currenttime

Let me know if it helped.

Posted by Community Admin on 29-Apr-2013 00:00

Hello,

In addition to Ivan's suggestion you can read the blog post we have on playing videos in Sitefinity with HTML5 instead of silverlight.

http://www.sitefinity.com/blogs/slavo-ingilizovs-blog/2012/01/20/playing_videos_in_sitefinity_with_html_5_instead_of_silverlight

I hope this helps.

Kind regards,
Patrick Dunn
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

Posted by Community Admin on 05-Jun-2013 00:00

The final DOM exception is occurring because VideoJS isn't able to load the file for some reason... so backing up...

The previous log is odd... is there anything else on that page? A Facebook widget perhaps?

What does the actual source URL end up being in the first case? Does it have a '?' in it? Have you tried removing that to see if maybe the URL parsing part of VideoJS can't handle query string parameters? (Hint: clickedVideo.MediaUrl.Substring(0, clickedVideo.MediaUrl.IndexOf('?'))

This thread is closed