1 <?xml version="1.0" encoding="utf-8"?>
  2 <page>
  3    <config delay="">
  4       <setPageContentPosition>
  5          { left : 12, top : 12, width : -1, height : -1, scrollbars : false, transBG : false }
  6       </setPageContentPosition>
  7       
  8       <setBrowserWindowStyles>
  9          { color : 'none' }
 10       </setBrowserWindowStyles>
 11    </config>
 12    
 13    <system>
 14       <pgStyleObject>
 15          { theStyle : 'borderRadius, boxShadow',
 16            propVals : '24px, 2px 2px 5px 1px rgb(64,64,64)' }
 17       </pgStyleObject>
 18    </system>
 19    
 20    <page>
 21       <pgStyleObject>
 22          { theStyle : 'borderRadius, boxShadow',
 23            propVals : '24px, 0px 0px 35px 2px white inset' }
 24       </pgStyleObject>
 25    </page>
 26    
 27    <buttons>
 28       <pgStyleObject>
 29          <![CDATA[
 30             { theStyle : "cursor",
 31               propVal  : "pointer" }
 32          ]]>
 33       </pgStyleObject>    
 34    </buttons>
 35    
 36    <loadVid>
 37       <function name="myLoad" delay="500" event="load" params="e">
 38          <![CDATA[
 39             /* CLIFTON: Might consider moving this to <config2>. It okay here,
 40                         but may be best to keep a little delay set. Or you can 
 41                         move this tag to the end of the XML after all elements 
 42                         have been processed.
 43             ***/
 44             tbfunction_htmlVideoLoader("screen", "youtube", "", "", "continuous", "", "", "", "", 
 45                                        "https://youtu.be/51ybZjRZag4");
 46          ]]> 
 47       </function>
 48    </loadVid>
 49   
 50    <screen>
 51       <function name="myUser" event="user" params="evt,value" useTB="true">
 52          <![CDATA[ 
 53             var valueDetail = tbfunction_pgSplitToArray(value, ",", true);
 54             if (pgIsNumber(valueDetail[2])) {
 55                tbfunction_pgTBObjSet("result", "text", valueDetail[2]);
 56             }
 57          ]]>   
 58       </function>  
 59    </screen>
 60 
 61    <play>
 62       <pgButtonHTML>
 63          <![CDATA[
 64             <span>
 65                <p style="font-size: .80em; line-height: .8em;">
 66                   Play Range<br>
 67                      <span style="font-size: 0.6em;">
 68                         (<span style="color:blue;">playBetween</span> 5-15 sec.)
 69                      </span>
 70                </p>
 71             </span>
 72          ]]>
 73       </pgButtonHTML>
 74       
 75       <function name="myClick" event="click" params="" useTB="true">
 76          <![CDATA[
 77             tbfunction_pgTBObjSet("screen", "click");
 78             tbfunction_htmlVideoControl("screen", "playBetween", "5000,15000");
 79          ]]>
 80       </function>   
 81    </play>
 82 
 83    <pause>
 84       <function name="myClick" event="click" params="evt,undef,target,mX,mY,isShift,isCntrl" useTB="true">
 85          <![CDATA[
 86             tbfunction_htmlVideoControl("screen", "pause");
 87          ]]>
 88       </function>   
 89    </pause>
 90 
 91    <stop>
 92       <function name="myClick" event="click" params="" useTB="true">
 93          <![CDATA[
 94             tbfunction_htmlVideoControl("screen", "stop");
 95          ]]>
 96       </function>   
 97    </stop>
 98    
 99    <result>
100       <pgStyleObject>
101          { theStyle : 'height, padding',
102            propVals : 'auto, 3px 0px 3px 0px' }
103       </pgStyleObject>
104       
105       <text>
106          waiting
107       </text>
108    </result>
109    
110    <config2 delay="">
111       <!--Not used in this example.-->
112    </config2>
113   
114 </page>