# LOLz - Nublet 101 - msg.template - i dont need no template node

**URL:** <https://discourse.nodered.org/t/lolz-nublet-101-msg-template-i-dont-need-no-template-node/42297>\
**Category:** Dashboard\
**Created:** [9 March 2021 03:42 UTC](https://discourse.nodered.org/t/lolz-nublet-101-msg-template-i-dont-need-no-template-node/42297 "2021-03-09T03:42:09Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![meeki007](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/meeki007/32/12499_2.png) [@meeki007](https://discourse.nodered.org/u/meeki007)\
**Post date:** [9 March 2021 03:42 UTC](https://discourse.nodered.org/t/lolz-nublet-101-msg-template-i-dont-need-no-template-node/42297/1 "2021-03-09T03:42:09Z")

</div>

When you know just enough html but not enough web based javascript to write it up nice in the template node.

function node to the rescue!

```auto
const video_URL = msg.video_URL;
const video_times = msg.video_times;
const video_uid = msg.video_uid;
var template = msg.template;
video_URL.forEach(function(url, index){
  template += '<div><center><b>' + video_times[index] + '</b></center><video id="' + video_uid[index] + '" width="300" controls preload="none" poster="' + url + '.thumb"><source src="' + url + '"type="video/mp4">Your browser does not support HTML5 video.</video><center><button class="button button1" onclick="setPlaySpeed(0.25,' + video_uid[index] + ')" type="button"><b>1/4</b></button><button class="button button1" onclick="setPlaySpeed(0.5,' + video_uid[index] + ')" type="button"><b>1/2</b></button><button class="button button2" onclick="setPlaySpeed(1,' + video_uid[index] + ')" type="button"><b>Normal</b></button><button class="button button1" onclick="setPlaySpeed(2,' + video_uid[index] + ')" type="button"><b>2x</b></button><button class="button button1" onclick="setPlaySpeed(4,' + video_uid[index] + ')" type="button"><b>4x</b></button><button class="button button1" onclick="setPlaySpeed(8,' + video_uid[index] + ')" type="button"><b>8x</b></button><button class="button button1" onclick="setPlaySpeed(16,' + video_uid[index] + ')" type="button"><b>16x</b></button><button class="button button1" onclick="setPlaySpeed(32,' + video_uid[index] + ')" type="button"><b>32x</b></button></center></div><p></p><p></p><p></p>';
});
template += '<script>'
video_uid.forEach(function(uid){
  template += 'var ' + uid + ' = document.getElementById("' + uid + '");';
});
template += 'function setPlaySpeed(speed,id) { id.playbackRate = speed; } </script> </body> </html>';

msg.template = template;

return msg;

```

 ![Screenshot from 2021-03-08 22-40-20](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/4/f4a9c71eb1d0787494f433716ebf97b8ff91d917.jpeg)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [8 April 2021 03:42 UTC](https://discourse.nodered.org/t/lolz-nublet-101-msg-template-i-dont-need-no-template-node/42297/2 "2021-04-08T03:42:41Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
