Well, for Sublime, you can copy/paste from my example page. Sublime Player
View source (you may have to enable the Develop menu in your Safari preferences, if you don’t already have that enabled, in order to see this option).
There are two script tags in the HEAD of the page, which you would add using your Page / HTML Markup dialog in the Before /HEAD section. The first is the HTML5 “shiv”, which coerces IE to display HTML5 elements like the video tag properly. That script tag is wrapped in a conditional comment, which hides it from all browsers except IE, so be sure to grab the lines, too.
The second script tag is the link to Sublime for the player script. PLEASE NOTE CAREFULLY! This is MY link, not yours. You will need to alter the name of the script to match the “token” given to you when you sign up for Sublime. Linking to my script from your page will not hurt me, but it will not work for you. Your public URL must be registered with Sublime, and you get one token per account. They do the math on their end and figure out whether to serve the script based on the referrer header. This also means that you cannot preview the effect in Freeway – only on your live server.
Finally, wherever you want to display your movie, insert a Markup Item to hold it. Back in the source of my example page, copy the entire
Let’s say you made a new folder in your site root (next to the Resources folder) called ‘video’. In that folder, you placed your poster.jpg, movie.theora.ogv, movie.webm, and movie.mp4 files. Assuming that your HTML page publishes into the root folder (next to Resources), you would replace the poster="test-poster.jpg"
with poster="video/poster.jpg"
, and similar changes for the other files. There is no requirement that you add any format other than mp4 – the other two are for Firefox and Chrome specifically, and both of them will fail-back to using Flash and the mp4 if they aren’t provided. The mp4 file will play on all mobile browsers and all WebKit browsers except Chrome.
Don’t forget to also alter the dimensions to match your video. You can set these to something larger than the native resolution of the movie if you want to sacrifice ultimate playback quality for a smaller download. Just be sure to set them to a proportional equivalent.
In Pro, the Action takes care of all this for you, and for bonus geek points, converts the entire page into valid HTML5. Express can’t do that, and so if you validate your page after pasting in all of this code, you will get an error for the use of
VideoJS follows exactly the same basic instructions, with the addition of an external stylesheet right before the link to the video.js script file. You can view an example of that Action’s output here: VideoJS
Walter
On Dec 18, 2012, at 10:58 AM, Ben wrote:
Ok Walter, no problem
I can understand that I need to do some “handcoding”
Can you perhaps point me into a direction where I can find out how to put the right code into the right place using the Page /HTML markup and Markup items ?
Thanks again
Ben
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options