Welcome Guest! To enable all features please Login or Register.

Notification

Icon
Error

BrowserTemplate HTML5 Changes
Vallis
#1 Posted : Monday, 2 May 2011 12:55:53 PM(UTC)
Rank: Member

Joined: 9/01/2011(UTC)
Posts: 4

Hello, I am hoping someone here might be able to assist me with a slight issue. I have a mess of videos encoded as MP4 and several people that want to use the gallery using their iPhones.

To that end, I want to deploy HTML5 coding in place of flowplayer where possible. Since IE9 doesn't really give a lot of control using the video tag (like full screen) I wanted to attach video-js for controls.

I added the needed javascript calls and CSS calls in default.aspx and in the BrowserTemplate I added a line for video/mp4 and have been toying with different browser IDs, but I cannot get the gallery to accept that it needs to run the following HTMLTemplate:

Code:
<video class="video-js" width="640" height="264" controls preload {AutoPlay} src="{MediaObjectUrl}"><p>Cannot play: Your browser does not support the <code>video</code> element or the codec of this file. Use another browser or download the file by clicking the download toolbar button above (available only when downloading is enabled).</p></video>


The original mp4 code is still in place using default as the ID, but I've tried ie9 and ie, but flowplayer keeps loading. I've also turned off caching in site admin and did the usual history deletions in my browsers.

For reference, I am using the 64bit .net4 code.

Any assistance anyone can offer would be greatly appreciated.
Roger Martin
#2 Posted : Monday, 2 May 2011 5:26:50 PM(UTC)
Roger Martin

Rank: Administration

Joined: 3/08/2007(UTC)
Posts: 3,300
Location: Fort Atkinson, WI

The browser templates are loaded when the app fires up and stored for the life of the app, even when caching is disabled. The only way to trigger the app to reload is to recycle the app pool.

Let me know how it goes. I am curious to see how this turns out.
Roger Martin
Creator and Lead Developer of Gallery Server Pro
Vallis
#3 Posted : Monday, 2 May 2011 10:27:31 PM(UTC)
Rank: Member

Joined: 9/01/2011(UTC)
Posts: 4

So I have video-js working for safari, but I want to get IE9 to work. I've tried ie9 as the id code, but that doesn't work. Any idea on how to get GSP to recognize that version alone?
Roger Martin
#4 Posted : Tuesday, 3 May 2011 6:21:35 AM(UTC)
Roger Martin

Rank: Administration

Joined: 3/08/2007(UTC)
Posts: 3,300
Location: Fort Atkinson, WI

The Admin Guide has a list of valid browser IDs for .NET 2.0 - 4.0 (search for Browser ID Reference).

You'll want to use one HTML template for all IE browsers (BrowserId=IE) and another one for IE1-8 (BrowserId=IE1to8). The second one will catch all IE versions from 1-8, while the default IE one will catch the remaining ones, which at this point is just IE9.

Note: The official browser ID reference for .NET does not include one for IE1to8, but GSP has special logic to identify that one, so you can consider it as an available browser ID.
Roger Martin
Creator and Lead Developer of Gallery Server Pro
Vallis
#5 Posted : Tuesday, 3 May 2011 6:26:47 AM(UTC)
Rank: Member

Joined: 9/01/2011(UTC)
Posts: 4

Ah, that's the bit I was missing. I kept trying to figure out how to read an IE9 id. Thanks.
20goto10
#6 Posted : Sunday, 31 July 2011 8:19:22 AM(UTC)
Rank: Newbie

Joined: 31/07/2011(UTC)
Posts: 1
Location: Ireland

Hi Vallis,

Any chance you could share your code for this?

Thanks.

Rss Feed  Atom Feed
Users browsing this topic
Guest
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.