Configuring embedded Videos

71 views

Skip to first unread message

Jan Johannpeter

unread,

May 18, 2016, 7:38:47 PM5/18/16

to tiddlyWiki

Hello I would like to embed multiple local videos to my TW

Could I set the previewImage to a certain Timecode of the clip while the
clip plays from the beginning?
<video controls poster="Test.mp4" position="10sec">
<source src="Test.mp4" <video controls
poster="Test.mp4"
position="10sec">
<source src="Test.mp4" type="video/mp4">
</video>>
</video>

Could I draw the Information out of fields in the tiddler?
<video controls
poster=FieldPoster
position=FieldPosition>
<source src="FieldView" type="video/mp4">
</video

Could I transclude this code or work with a template for tiddlers with
the type: movie so that i just would have to fill in the fields?

Thanks for help
Jan

Jan

unread,

May 19, 2016, 4:43:43 PM5/19/16

to tiddl...@googlegroups.com

Okay,
I found the way the basics of embedding work:

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

Here are to more elevated questions. How must I wrap this code 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();
}