Using dynamic tags for multiple links/videos (absolute positioning)

Dynamic tags are used in the case where multiple links open different videos, with only one showing at a time.

Only one instance is required and no video need be specified, each link below specifies the video and the width/height from the page.

For each link simply change the "player.flv" and width/height as required.

To add more links copy/paste one of the blocks and increment the number of the link here:


DFS.adv.initLayer('tplayervideo1',0,4);

and in the tag identifier linkstart4 etc.

Source code used in this page:



<div style="cursor:pointer;background:url(tplayer/images/arrow.gif) no-repeat; width:64px; height:64px"
  onclick="DFS.adv.initLayer('tplayervideo1',0,1);">
  <p class="tag" id="linkstart1-episode_file_url">player.flv</p>
  <p class="tag" id="linkstart1-width">121</p>
  <p class="tag" id="linkstart1-height">300</p>
  <p class="tag" id="linkstart1-title_text">video title 1</p>
</div>
<br>
<div style="cursor:pointer;background:url(tplayer/images/arrow.gif) no-repeat; width:64px; height:64px"
  onclick="DFS.adv.initLayer('tplayervideo1',0,2);">
  <p class="tag" id="linkstart2-episode_file_url">player.flv</p>
  <p class="tag" id="linkstart2-width">121</p>
  <p class="tag" id="linkstart2-height">300</p>  
  <p class="tag" id="linkstart1-title_text">video title 2</p>
</div>
<br>
<div style="cursor:pointer;background:url(tplayer/images/arrow.gif) no-repeat; width:64px; height:64px"
  onclick="DFS.adv.initLayer('tplayervideo1',0,3);">
  <p class="tag" id="linkstart3-episode_file_url">player.flv</p>
  <p class="tag" id="linkstart3-width">121</p>
  <p class="tag" id="linkstart3-height">300</p>  
  <p class="tag" id="linkstart1-title_text">video title 3</p>
</div>