[Xerte-dev] Re: adding mp4 via the wysiwyg editor to sub pages etc?

Thu Jul 9 16:29:56 BST 2015

Hi Fay

thanks - using width:"100%" works slightly better than a fixed width but the
height obviously needs to be fixed. e.g.

<div id="videoHolder2"></div>

<script>$("#videoHolder2").mediaPlayer({type: "video",width:"100%",
height:"380",source: FileLocation+ '/media/big_buck_bunny.mp4'});</script>

Temporary examle:

http://training.mitchellmedia.co.uk/xot/play.php?template_id=94 

From: xerte-dev-bounces at lists.nottingham.ac.uk
[mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Fay Cross
Sent: 09 July 2015 15:52
To: For Xerte technical developers
Subject: [Xerte-dev] Re: adding mp4 via the wysiwyg editor to sub pages etc?

You can add width & height as properties of mediaPlayer - although I've just
tried it and you have to add both of them to work. I'd like to look at how
we scale videos on all pages at some point - it's not great forcing you to
enter fixed dimensions. 

  _____  

From: xerte-dev-bounces at lists.nottingham.ac.uk
[xerte-dev-bounces at lists.nottingham.ac.uk] on behalf of Ron Mitchell
[ronm at mitchellmedia.co.uk]
Sent: 09 July 2015 15:39
To: 'For Xerte technical developers'
Subject: [Xerte-dev] Re: adding mp4 via the wysiwyg editor to sub pages etc?

Hi Fay/all

only just had time to look at this but have it working in xerte 3 with the
following which is great!

<div id="videoHolder"></div>

<script>$("#videoHolder ").mediaPlayer({type: "video",source: FileLocation+
'/media/big_buck_bunny.mp4'});</script>

Is there a way I can control the size of the video? I've tried a few
variations with a width setting added but not getting it right so far.

Cheers

Ron

From: xerte-dev-bounces at lists.nottingham.ac.uk
[mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Ron Mitchell
Sent: 08 July 2015 11:13
To: 'For Xerte technical developers'
Subject: [Xerte-dev] Re: adding mp4 via the wysiwyg editor to sub pages etc?

Hi Fay

thanks for the update - will give that a try and report back.

Are you attending the online Apereo meeting today? 

I know Julian might not be able to now and I know Tom isn't but Inge is.

Cheers

Ron

From: xerte-dev-bounces at lists.nottingham.ac.uk
[mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Fay Cross
Sent: 08 July 2015 10:52
To: For Xerte technical developers
Subject: [Xerte-dev] Re: adding mp4 via the wysiwyg editor to sub pages etc?

Hi Ron

I made a start on the combined navigator page but have been side tracked by
other things. I've just got as far as being able to swap between
accordion/tabs/buttons/slideshow but haven't added the bits to add media to
the panes yet. It shouldn't be much work now though so I'll try to get it
done for the new release.

It would be good to have an easy way to add videos anywhere in any page
though. Pages with video in don't use mediaelementplayer directly - they go
through mediaPlayer which works out the correct path to the file (and also
allows the source to be YouTube or Vimeo URL, allows for synching, specified
start end frames etc.). It adds a video or audio tag to a holder tag so you
would need to add a div rather than a video tag to the src and call it from
there. Something like this:

<div id="videoHolder"></div>

<script>

$("#videoHolder ").mediaPlayer({

type: "video",

source: "FileLocation + video.mp4"

});

</script>

Fay

From: xerte-dev-bounces at lists.nottingham.ac.uk
[mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Julian Tenney
Sent: 07 July 2015 09:35
To: For Xerte technical developers
Subject: [Xerte-dev] Re: adding mp4 via the wysiwyg editor to sub pages etc?

I'm not sure but the starting point would be to figure out the path and then
use a relative one in the src of <video> tag. You might then need to
initialise the mediaelement stuff with
$('audio,video').mediaelementplayer(); if that doesn't happen on the
particular page, and you might need an event to tell you when the page has
finished being created?

Something like:

<video src="../USER_FILES/123-abc-def/media/blah.mp4"> 

<script>

$('audio,video').mediaelementplayer();

</script>

might work. If I get a chance later I'll see if I can make it work

From: xerte-dev-bounces at lists.nottingham.ac.uk
[mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Ron Mitchell
Sent: 06 July 2015 21:37
To: 'For Xerte technical developers'
Subject: [Xerte-dev] adding mp4 via the wysiwyg editor to sub pages etc?

Hi

following a discussion and question from Alistair just wondering about this
and not thinking straight :-(

Is there's a way to add some script in source view (notts template xerte 3)
to embed an mp4 in any page or nested page with a filelocation link, rather
than full url, and have the video display with the player controls and also
crucially still work when exported for offline use without an online
connection? e.g. rather than adding an optional video property to each
navigator page, like there is an optional image property in the navigators,
I'm wondering if there's a way to fire the media player and pass a file name
uploaded to the media folder all via script so that this could work on any
page? 

I guess longer term a custom button in the editor, like the one for Flash or
online media, might be the answer but wondering about a quick cheat via
script?

Any suggestions?

Fay - where did you get to with the combined Navigator including video in
sub pages? Is that for a future release or for Xerte 3 final?

Cheers

Ron

This message and any attachment are intended solely for the addressee
and may contain confidential information. If you have received this
message in error, please send it back to me, and immediately delete it. 

Please do not use, copy or disclose the information contained in this
message or in any attachment.  Any views or opinions expressed by the
author of this email do not necessarily reflect the views of the
University of Nottingham.

This message has been checked for viruses but the contents of an
attachment may still contain software viruses which could damage your
computer system, you are advised to perform your own checks. Email
communications with the University of Nottingham may be monitored as
permitted by UK legislation.

This message and any attachment are intended solely for the addressee
and may contain confidential information. If you have received this
message in error, please send it back to me, and immediately delete it. 

Please do not use, copy or disclose the information contained in this
message or in any attachment.  Any views or opinions expressed by the
author of this email do not necessarily reflect the views of the
University of Nottingham.

This message has been checked for viruses but the contents of an
attachment may still contain software viruses which could damage your
computer system, you are advised to perform your own checks. Email
communications with the University of Nottingham may be monitored as
permitted by UK legislation.

This message and any attachment are intended solely for the addressee
and may contain confidential information. If you have received this
message in error, please send it back to me, and immediately delete it. 

Please do not use, copy or disclose the information contained in this
message or in any attachment.  Any views or opinions expressed by the
author of this email do not necessarily reflect the views of the
University of Nottingham.

This message has been checked for viruses but the contents of an
attachment may still contain software viruses which could damage your
computer system, you are advised to perform your own checks. Email
communications with the University of Nottingham may be monitored as
permitted by UK legislation.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150709/38c9b9a1/attachment-0001.html>