josch
/
yolanda
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

enjoy your embedded mode

Browse Source 
git-svn-id: http://yolanda.mister-muffin.de/svn@348 7eef14d0-6ed0-489d-bf55-20463b2d70db
main
erlehmann 16 years ago
parent 0f896875c4
commit 90762a2326
4 changed files with 102 additions and 90 deletions
Show Stats Download Patch File Download Diff File

38
trunk/style/embedded.css
Unescape Escape View File

@ -1,21 +1,35 @@
body
{
font-family: sans-serif;
font-size: 8pt;
font-weight: bold;
overflow: visible;
margin: 0px;
padding: 0px;
}
div.watch-browserplugin, div.watch-cortadoapplet
form
{
float: left;
text-align: left;
width: 50%;
height: 100%;
width: 100%;
}
div.embedded-backlink
button
{
float: right;
text-align: right;
width: 50%;
/* crude center hack */
position: absolute;
top: 50%;
left: 50%;
width: 15em;
height: 15em;
}
button[name="playback"]
{
/* crude center hack */
margin-left: -15em;
margin-top: -7.5em;
}
button[name="download"]
{
/* crude center hack */
margin-left: 0em;
margin-top: -7.5em;
}

6
trunk/style/structure/fake6.css
Unescape Escape View File

@ -178,7 +178,7 @@ form ol
#preview form button
{
/* crude center hack (second part in bridget.css) */
/* crude center hack */
position: absolute;
top: 50%;
left: 50%;
@ -188,14 +188,14 @@ form ol
#preview form button[name="playback"]
{
/* crude center hack (second part in fake6.css) */
/* crude center hack */
margin-left: -15em;
margin-top: -7.5em;
}
#preview form button[name="download"]
{
/* crude center hack (second part in fake6.css) */
/* crude center hack */
margin-left: 0em;
margin-top: -7.5em;
}

142
trunk/xsl/xhtml-embed.xsl
Unescape Escape View File

@ -32,91 +32,89 @@
<xsl:template match="/">
<html>
<body>
<script type="text/javascript">
<head>
<!--
this looks awfully ugly, but nevertheless generates javascript inside _valid_ XHTML
kudos to toby white who details the solution on http://scispace.net/tow21/weblog/718.html
-->
<link
rel="stylesheet"
type="text/css"
media="screen"
href="/style/embedded.css"
/>
<xsl:text disable-output-escaping="yes">&lt;![CDATA[
<![CDATA[
function hide_movie()
{
document.getElementById('video').style.display = 'none';
document.getElementById('preview').style.display = 'block';
}
function show_movie()
{
document.getElementById('video').style.display = 'block';
document.getElementById('preview').style.display = 'none';
window.setTimeout("hide_movie()",
]]>
</xsl:text>
<!--
window.setTimeout is the stupidest hack i could imagine
it doesn't work reliably because of BUFFERING, but
3 seconds for initializing should be enough for short video ...
-->
<xsl:value-of select="(//video/@duration + 3) * 1000" />
<xsl:text disable-output-escaping="yes">
<![CDATA[
);
}
]]]]></xsl:text>
<xsl:text disable-output-escaping="yes">></xsl:text>
</script>
</head>
<body onload="hide_movie()">
<!-- <xsl:call-template name="video-script" />-->
<xsl:call-template name="video-script" />
<xsl:call-template name="video-object" />
</body>
</html>
</xsl:template>
<xsl:template name="video-object">
<fieldset id="video">
<legend>
<!-- <xsl:value-of select="$lang_strings[@id='fieldset_video']" />-->
</legend>
<object id="video" type="application/ogg">
<xsl:template name="video-script">
<script type="text/javascript">
<!--
this looks awfully ugly, but nevertheless generates javascript inside _valid_ XHTML
kudos to toby white who details the solution on http://scispace.net/tow21/weblog/718.html
-->
<xsl:text disable-output-escaping="yes">&lt;![CDATA[
<![CDATA[
function hide_movie()
{
document.getElementById('video').style.display = 'none';
document.getElementById('preview').style.display = 'block';
}
function show_movie()
{
document.getElementById('video').style.display = 'block';
document.getElementById('preview').style.display = 'none';
window.setTimeout("hide_movie()",
]]>
</xsl:text>
<!--
window.setTimeout is the stupidest hack i could imagine
it doesn't work reliably because of BUFFERING, but
3 seconds for initializing should be enough for short video ...
-->
<xsl:value-of select="(//video/@duration + 3) * 1000" />
<xsl:text disable-output-escaping="yes">
<![CDATA[
);
}
]]]]></xsl:text>
<xsl:text disable-output-escaping="yes">></xsl:text>
</script>
<xsl:attribute name="width">
<xsl:value-of select="//video/@width" />
</xsl:attribute>
<xsl:attribute name="height">
<xsl:value-of select="//video/@height" />
</xsl:attribute>
<xsl:attribute name="data">
<xsl:value-of select="concat(//video/rdf:RDF/cc:Work/@rdf:about,'view=true')" />
</xsl:attribute>
<fieldset class="messagebox" id="error">
</xsl:template>
<span class="message">
<!-- <xsl:value-of select="$lang_strings[@id='error_no_ogg_plugin']" />-->
</span>
</fieldset>
<xsl:template name="video-object">
<xsl:call-template name="pluginhelp" />
<object id="video" type="application/ogg">
</object>
<xsl:attribute name="width">
<xsl:value-of select="//video/@width" />
</xsl:attribute>
<xsl:attribute name="height">
<xsl:value-of select="//video/@height" />
</xsl:attribute>
<xsl:attribute name="data">
<xsl:value-of select="concat(//video/rdf:RDF/cc:Work/@rdf:about,'view=true')" />
</xsl:attribute>
</fieldset>
enjoy your NOT OGG
<fieldset id="preview" style="display: none;">
</object>
<legend>
<!-- <xsl:value-of select="$lang_strings[@id='fieldset_preview']" />-->
</legend>
<div id="preview">
<img>
<xsl:attribute name="src">
@ -143,11 +141,11 @@ kudos to toby white who details the solution on http://scispace.net/tow21/weblog
onclick="show_movie()"
>
<xsl:attribute name="value">
<!-- <xsl:value-of select="$lang_strings[@id='video_playback']" />-->
<!-- <xsl:value-of select="$lang_strings[@id='video_playback']" />-->
</xsl:attribute>
<img src="/images/tango/128x128/actions/player_play.png">
<xsl:attribute name="alt">
<!-- <xsl:value-of select="$lang_strings[@id='video_playback']" />-->
<!-- <xsl:value-of select="$lang_strings[@id='video_playback']" />-->
</xsl:attribute>
</img>
</button>
@ -156,17 +154,17 @@ kudos to toby white who details the solution on http://scispace.net/tow21/weblog
type="submit"
>
<xsl:attribute name="value">
<!-- <xsl:value-of select="$lang_strings[@id='video_download']" />-->
<!-- <xsl:value-of select="$lang_strings[@id='video_download']" />-->
</xsl:attribute>
<img src="/images/tango/128x128/actions/document-save.png">
<xsl:attribute name="alt">
<!-- <xsl:value-of select="$lang_strings[@id='video_download']" />-->
<!-- <xsl:value-of select="$lang_strings[@id='video_download']" />-->
</xsl:attribute>
</img>
</button>
</form>
</fieldset>
</div>
</xsl:template>

6
trunk/xsl/xhtml/video.xsl
Unescape Escape View File

@ -421,10 +421,10 @@ filesize
<xsl:value-of select="$lang_strings[@id='protip_embed']" />
<br />
<code>
&lt;object data="<xsl:value-of select="concat(//rdf:RDF/cc:Work/dc:identifier, 'embed=true')" />"
&lt;object data="<xsl:value-of select="concat(//rdf:RDF/cc:Work/dc:identifier, 'xslt=xhtml-embed')" />"
type="application/xml"
width=<xsl:value-of select="//video/@width + 24" />
height=<xsl:value-of select="//video/@height + 48" />
width="<xsl:value-of select="//video/@width" />"
height="<xsl:value-of select="//video/@height + 16" />"
/&gt;
</code>
</fieldset>

Write Preview
Loading…
Cancel
Save