Template for playing videos

[Jan]

Hello,
I am giving a course on filmlanguagewould and therefore I would like to show the videos in tiddlers of a wiki and control them by the values by fields.
poster,view (for the primary source),fallback, start and end.

<video controls id="fsvideo"poster={{!!poster}}>
<source src={{!!view}}>
<source src={{!!fallback}}>  
</video>

This works so far, now two  questions.

1.)Where should I put and how must I wrap this codesnippet to make the Video play Fullscreen by default?

var elem = document.getElementById("fsvideo");
if (elem.requestFullscreen) {
  elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) {
  elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
  elem.webkitRequestFullscreen();
}

2.)How do I set startingpoint/endpoint for local videofiles...
Following to (http://gingertech.net/2009/08/19/jumping-to-time-offsets-in-videos/) the following javascriptcode should manage this:

start
var video = document.getElementsById("fsvideo")[0];
video.currentTime = {{!!start}};


video.addEventListener("timeupdate", function() {
if (video.currentTime >= {{!!end}}) {
video.pause();
}}, false);

How could I place these snippets in one tiddler to make it work for all videos or would this be difficult because of the star/end data being stored in different tiddlers

yours Jan