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.

We're retiring the forums!

The SilverStripe forums have passed their heyday. They'll stick around, but will be read only. We'd encourage you to get involved in the community via the following channels instead:

General Questions /

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

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

Html 5


Go to End


2 Posts   2229 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.