Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

General Questions /

General questions about getting started with SilverStripe that don't fit in any of the categories above.

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w

Html 5


Reply


2 Posts   1702 Views

Avatar
studio6

Community Member, 14 Posts

28 July 2010 at 1:08pm

hay i want to use html5 to play video in ss. i cant add it in the html edit in the cms and would like to know if there is a way i can use it. i wan to do this coz i cant seem to get a flash player to play flv files something to do with the paths i think but cant work it out and html5 is a far easyer way to play video

is there anyone out there that can help me here???

Avatar
ryanwachtl

Community Member, 46 Posts

30 July 2010 at 2:12am

Edited: 30/07/2010 2:19am

You could extend your page model and add some File fields for the video

static $has_one = array(
'VideoOgg' => 'File',
'VideoMp4' => 'File',
'VideoPlaceholder' => 'Image'
);

add the fields to the CMS,

public function getCMSFields()
{
$f = parent::getCMSFields();

$f->addFieldToTab("Root.Content.Video",
new FileIFrameField('VideoOgg', 'Upload .ogv Video'));

$f->addFieldToTab("Root.Content.Video",
new FileIFrameField('VideoMp4', 'Upload .mp4 Video'));

$f->addFieldToTab("Root.Content.Video",
new ImageField('VideoPlaceholder', 'Upload Placeholder Image'));

return $f;
}

and then place the video tag into your template

<% if VideoOgg %>
<video controls width="600" height="400" <% if VideoPlaceholder %>poster="$VideoPlaceholder.URL"<% end_if %>>
<source src="$VideoOgg.URL" type="video/ogg">
<% if VideoMp4 %>
<source src="$VideoMp4.URL" type="video/mp4">
<% end_if %>
<!-- Flash Fallback -->
</video>
<% end_if %>

You can get a lot fancier, this just a simple example.