Hi,
Is it technically correct to place a video inside a new scrollarea layer using html5 tag?
Code
<data name="mydatademo"><![CDATA[
<h2>My Article</h2>
<hr style="border:0;border-top:1px solid white;">
<img src="img/01.jpg"><br>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr
</p>
<video id="mivideodemo" src="img/videodemo.mp4" controls> </video><br>
]]></data>
Display More
krpano 1.21 scrollarea-infobox.xml example:
Code
<layer name="box" type="container" align="center" width.normal="380" width.mobile="80%" height="300" bgcolor="0xFFFFFF" bgalpha="1" bgborder="1 0x777777 0.5" bgroundedge="7" bgshadow="0 4 20 0x000000 0.25">
<layer name="scrollarea"
type="scrollarea"
width="-4" flowchildren="v" childmargin="10"
scrolltype.desktop="smooth"
scrolltype.tablet.or.mobile="inertia"
direction="v"
draggable="true"
mwheel="true"
capturechildren="true"
autoscrollbars="null,vscrollbar_grip,10"
onhover_autoscrolling="false"
onscroll=""
onoverflowchange=""
>
<!-- Scrolling content layers here: -->
<layer name="somecontent" type="text" align="lefttop" html="get:data[mydatademo].content" htmlautosize="true" width="100%" bgalpha="0.0" css="color:black; font-size:18px;"
onclick="callwith(hotspot[info], set(enabled,true);tween(alpha,1); spheretoscreen(ath,atv,fade_to_x,fade_to_y); ); fade_to_x-=stagewidth/2; fade_to_y-=stageheight/2; callwith(layer[box], tween(scale|alpha|ox|oy,('0|0|'+fade_to_x+'|'+fade_to_y)) ); "
/>
</layer>
<!-- Non scrolling layers (scrollbars, buttons, ...) here: -->
<layer name="vscrollbar_bg" type="container" align="right" width="16" height="100%">
<layer name="vscrollbar_grip" type="container" align="righttop" width="8" x="4" height="16" bgcolor="0xAAAAAA" bgalpha="0.5" bgroundedge="7" bgcapture="true" />
</layer>
</layer>
Display More