<html dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252">
<style>
<!--
@font-face
{font-family:"Cambria Math"}
@font-face
{font-family:Calibri}
@font-face
{font-family:Tahoma}
@font-face
{font-family:Consolas}
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif"}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline}
a:visited, span.MsoHyperlinkFollowed
{color:purple;
text-decoration:underline}
pre
{margin:0cm;
margin-bottom:.0001pt;
font-size:10.0pt;
font-family:"Courier New"}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
{margin:0cm;
margin-bottom:.0001pt;
font-size:8.0pt;
font-family:"Tahoma","sans-serif"}
span.HTMLPreformattedChar
{font-family:Consolas}
span.BalloonTextChar
{font-family:"Tahoma","sans-serif"}
span.EmailStyle21
{font-family:"Calibri","sans-serif";
color:windowtext}
span.EmailStyle22
{font-family:"Calibri","sans-serif";
color:#1F497D}
span.EmailStyle23
{font-family:"Calibri","sans-serif";
color:#1F497D}
span.EmailStyle24
{font-family:"Calibri","sans-serif";
color:#1F497D}
span.EmailStyle25
{font-family:"Calibri","sans-serif";
color:#1F497D}
span.EmailStyle26
{font-family:"Calibri","sans-serif";
color:#1F497D}
.MsoChpDefault
{font-size:10.0pt}
@page WordSection1
{margin:72.0pt 72.0pt 72.0pt 72.0pt}
-->
</style><style type="text/css" id="owaParaStyle"></style>
</head>
<body lang="EN-GB" link="blue" vlink="purple" fpstyle="1" ocsi="0">
<div style="direction: ltr;font-family: Tahoma;color: #000000;font-size: 10pt;">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.
<div><br>
<div style="font-family: Times New Roman; color: #000000; font-size: 16px">
<hr tabindex="-1">
<div id="divRpF541825" style="direction: ltr;"><font face="Tahoma" size="2" color="#000000"><b>From:</b> xerte-dev-bounces@lists.nottingham.ac.uk [xerte-dev-bounces@lists.nottingham.ac.uk] on behalf of Ron Mitchell [ronm@mitchellmedia.co.uk]<br>
<b>Sent:</b> 09 July 2015 15:39<br>
<b>To:</b> 'For Xerte technical developers'<br>
<b>Subject:</b> [Xerte-dev] Re: adding mp4 via the wysiwyg editor to sub pages etc?<br>
</font><br>
</div>
<div></div>
<div>
<div class="WordSection1">
<p class="MsoNormal"><span style="color:#1F497D">Hi Fay/all</span></p>
<p class="MsoNormal"><span style="color:#1F497D">only just had time to look at this but have it working in xerte 3 with the following which is great!</span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<p class="MsoNormal"><span style="color:#1F497D"><div id="videoHolder"></div></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><script>$("#videoHolder ").mediaPlayer({type: "video",source: FileLocation+ '/media/big_buck_bunny.mp4'});</script></span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<p class="MsoNormal"><span style="color:#1F497D">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.</span></p>
<p class="MsoNormal"><span style="color:#1F497D">Cheers</span></p>
<p class="MsoNormal"><span style="color:#1F497D">Ron</span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<div>
<div style="border:none; border-top:solid #B5C4DF 1.0pt; padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b><span lang="EN-US" style="font-size:10.0pt; font-family:"Tahoma","sans-serif"">From:</span></b><span lang="EN-US" style="font-size:10.0pt; font-family:"Tahoma","sans-serif""> xerte-dev-bounces@lists.nottingham.ac.uk [mailto:xerte-dev-bounces@lists.nottingham.ac.uk]
<b>On Behalf Of </b>Ron Mitchell<br>
<b>Sent:</b> 08 July 2015 11:13<br>
<b>To:</b> 'For Xerte technical developers'<br>
<b>Subject:</b> [Xerte-dev] Re: adding mp4 via the wysiwyg editor to sub pages etc?</span></p>
</div>
</div>
<p class="MsoNormal"> </p>
<p class="MsoNormal"><span style="color:#1F497D">Hi Fay</span></p>
<p class="MsoNormal"><span style="color:#1F497D">thanks for the update - will give that a try and report back.</span></p>
<p class="MsoNormal"><span style="color:#1F497D">Are you attending the online Apereo meeting today?
</span></p>
<p class="MsoNormal"><span style="color:#1F497D">I know Julian might not be able to now and I know Tom isn't but Inge is.</span></p>
<p class="MsoNormal"><span style="color:#1F497D">Cheers</span></p>
<p class="MsoNormal"><span style="color:#1F497D">Ron</span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<div>
<div style="border:none; border-top:solid #B5C4DF 1.0pt; padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b><span lang="EN-US" style="font-size:10.0pt; font-family:"Tahoma","sans-serif"">From:</span></b><span lang="EN-US" style="font-size:10.0pt; font-family:"Tahoma","sans-serif"">
<a href="mailto:xerte-dev-bounces@lists.nottingham.ac.uk" target="_blank">xerte-dev-bounces@lists.nottingham.ac.uk</a> [<a href="mailto:xerte-dev-bounces@lists.nottingham.ac.uk" target="_blank">mailto:xerte-dev-bounces@lists.nottingham.ac.uk</a>]
<b>On Behalf Of </b>Fay Cross<br>
<b>Sent:</b> 08 July 2015 10:52<br>
<b>To:</b> For Xerte technical developers<br>
<b>Subject:</b> [Xerte-dev] Re: adding mp4 via the wysiwyg editor to sub pages etc?</span></p>
</div>
</div>
<p class="MsoNormal"> </p>
<p class="MsoNormal"><span style="color:#1F497D">Hi Ron</span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<p class="MsoNormal"><span style="color:#1F497D">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.</span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<p class="MsoNormal"><span style="color:#1F497D">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:</span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<p class="MsoNormal"><span style="color:#1F497D"><div id="videoHolder"></div></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><script></span></p>
<p class="MsoNormal"><span style="color:#1F497D">$("#videoHolder ").mediaPlayer({</span></p>
<p class="MsoNormal" style="text-indent:36.0pt"><span style="color:#1F497D">type: "video",</span></p>
<p class="MsoNormal" style="text-indent:36.0pt"><span style="color:#1F497D">source: “FileLocation + video.mp4”</span></p>
<p class="MsoNormal"><span style="color:#1F497D">});</span></p>
<p class="MsoNormal"><span style="color:#1F497D"></script></span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<p class="MsoNormal"><span style="color:#1F497D">Fay</span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<div>
<div style="border:none; border-top:solid #B5C4DF 1.0pt; padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b><span lang="EN-US" style="font-size:10.0pt; font-family:"Tahoma","sans-serif"">From:</span></b><span lang="EN-US" style="font-size:10.0pt; font-family:"Tahoma","sans-serif"">
<a href="mailto:xerte-dev-bounces@lists.nottingham.ac.uk" target="_blank">xerte-dev-bounces@lists.nottingham.ac.uk</a> [<a href="mailto:xerte-dev-bounces@lists.nottingham.ac.uk" target="_blank">mailto:xerte-dev-bounces@lists.nottingham.ac.uk</a>]
<b>On Behalf Of </b>Julian Tenney<br>
<b>Sent:</b> 07 July 2015 09:35<br>
<b>To:</b> For Xerte technical developers<br>
<b>Subject:</b> [Xerte-dev] Re: adding mp4 via the wysiwyg editor to sub pages etc?</span></p>
</div>
</div>
<p class="MsoNormal"> </p>
<p class="MsoNormal"><span style="color:#1F497D">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?</span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<p class="MsoNormal"><span style="color:#1F497D">Something like:</span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<p class="MsoNormal"><span style="color:#1F497D"><video src=”../USER_FILES/123-abc-def/media/blah.mp4”>
</span></p>
<p class="MsoNormal"><span style="color:#1F497D"><script></span></p>
<p class="MsoNormal"><span style="color:#1F497D">$('audio,video').mediaelementplayer();</span></p>
<p class="MsoNormal"><span style="color:#1F497D"></script></span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<p class="MsoNormal"><span style="color:#1F497D">might work. If I get a chance later I’ll see if I can make it work</span></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span></p>
<div>
<div style="border:none; border-top:solid #B5C4DF 1.0pt; padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b><span lang="EN-US" style="font-size:10.0pt; font-family:"Tahoma","sans-serif"">From:</span></b><span lang="EN-US" style="font-size:10.0pt; font-family:"Tahoma","sans-serif"">
<a href="mailto:xerte-dev-bounces@lists.nottingham.ac.uk" target="_blank">xerte-dev-bounces@lists.nottingham.ac.uk</a> [<a href="mailto:xerte-dev-bounces@lists.nottingham.ac.uk" target="_blank">mailto:xerte-dev-bounces@lists.nottingham.ac.uk</a>]
<b>On Behalf Of </b>Ron Mitchell<br>
<b>Sent:</b> 06 July 2015 21:37<br>
<b>To:</b> 'For Xerte technical developers'<br>
<b>Subject:</b> [Xerte-dev] adding mp4 via the wysiwyg editor to sub pages etc?</span></p>
</div>
</div>
<p class="MsoNormal"> </p>
<p class="MsoNormal">Hi</p>
<p class="MsoNormal">following a discussion and question from Alistair just wondering about this and not thinking straight :-(</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal">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?
</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal">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?</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal">Any suggestions?</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal">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?</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal">Cheers</p>
<p class="MsoNormal">Ron<span style="color:#1F497D"></span></p>
<pre> </pre>
<pre> </pre>
<pre> </pre>
<pre>This message and any attachment are intended solely for the addressee</pre>
<pre>and may contain confidential information. If you have received this</pre>
<pre>message in error, please send it back to me, and immediately delete it. </pre>
<pre> </pre>
<pre>Please do not use, copy or disclose the information contained in this</pre>
<pre>message or in any attachment. Any views or opinions expressed by the</pre>
<pre>author of this email do not necessarily reflect the views of the</pre>
<pre>University of Nottingham.</pre>
<pre> </pre>
<pre>This message has been checked for viruses but the contents of an</pre>
<pre>attachment may still contain software viruses which could damage your</pre>
<pre>computer system, you are advised to perform your own checks. Email</pre>
<pre>communications with the University of Nottingham may be monitored as</pre>
<pre>permitted by UK legislation.</pre>
<pre> </pre>
<pre> </pre>
<pre> </pre>
<pre>This message and any attachment are intended solely for the addressee</pre>
<pre>and may contain confidential information. If you have received this</pre>
<pre>message in error, please send it back to me, and immediately delete it. </pre>
<pre> </pre>
<pre>Please do not use, copy or disclose the information contained in this</pre>
<pre>message or in any attachment. Any views or opinions expressed by the</pre>
<pre>author of this email do not necessarily reflect the views of the</pre>
<pre>University of Nottingham.</pre>
<pre> </pre>
<pre>This message has been checked for viruses but the contents of an</pre>
<pre>attachment may still contain software viruses which could damage your</pre>
<pre>computer system, you are advised to perform your own checks. Email</pre>
<pre>communications with the University of Nottingham may be monitored as</pre>
<pre>permitted by UK legislation.</pre>
</div>
</div>
</div>
</div>
</div>
</body>
</html>