Hi,
for 1) as a dirty hack, to get a button below the player to replay the video sequence, one may edit the extension as shown below. This solution is just a first approach an need to be further improved regarding stability, readability etc. but its a starting point.
This adds an individual javascript function under each videoplayer tag in the document, using the specific id of the video tag. the javascript function is started by clicking the button and will restart and play the video sequence.
edit the file [PathToYourMediawiki]/extensions/TimedMediaHandler/includes/TimesMediaTransformOutput.php
search for function 'getHtmlMediaTagOutput(...'
specifically search for the following code lines:
// Build the video tag output:
$s = Html::rawElement( $this->getTagName(), $this->getMediaAttr( $sizeOverride, $autoPlay ),
// The set of media sources:
self::htmlTagSet( 'source', $mediaSources ) .
// Timed text:
self::htmlTagSet( 'track', $mediaTracks )
);
add the following lines below:
$s .= '<script type="text/javascript">';
$s .= 'function replayVideo'.self::$serial.'() {';
$s .= "var el = document.getElementById('";
$s .= "mwe_player_";
$s .= self::$serial-1;
$s .= "'); ";
$s .= "el.muted = 'true'; el.load(); el.play(); }</script>";
$s .= '<form><input type="button" onclick="replayVideo';
$s .= self::$serial.'()" value="(re)play"</form>';
Note: i'm sure this can be written in a nicer way, it's decades since i used php ;)