ILIAS\UI\examples\Player\Video Namespace Reference

Functions
	video_mp4 ()
	video_mp4_poster ()
	video_vimeo ()
	video_youtube ()

Function Documentation

video_mp4()

ILIAS\UI\examples\Player\Video\video_mp4

(

)

---

description: > Example for rendering a mp4 video player.

expected output: > ILIAS shows a rendered video player with a start screen. On the left side you will see a Start/Stop symbol, followed by a time bar and on the right side a symbol for subtitles (CC), volume control and for the the full screen. A big start symbol is shown in the middle of the start screen. While hovering over the subtitles symbol a list of all available languages appears. If a language gets selected you can find the text at the bottom of the full screen.

In addition following functions have to be tested:

• The video starts playing if clicking the start/stop symbol in the middle of the image. The video stops after another click.
• The sound fades or raises if the volumes gets changed by using the volume control.

  - Clicking the full screen icon maximizes the video player to the size of the desktop size. Clicking ESC will diminish the video player.

Definition at line 40 of file video_mp4.php.

                    : string
{
    global $DIC;
    $renderer = $DIC->ui()->renderer();
    $f = $DIC->ui()->factory();
 
    $video = $f->player()->video("https://files.ilias.de/ks/ILIAS-Video.mp4");
    $video = $video->withAdditionalSubtitleFile("en", "./assets/ui-examples/misc/subtitles_en.vtt");
    $video = $video->withAdditionalSubtitleFile("de", "./assets/ui-examples/misc/subtitles_de.vtt");
 
    return $renderer->render($video);
}

References $DIC, Vendor\Package\$f, and $renderer.

video_mp4_poster()

ILIAS\UI\examples\Player\Video\video_mp4_poster

(

)

---

description: > Example for rendering a mp4 video player with a poster as a start screen.

expected output: > ILIAS shows a base video player with the ILIAS Logo as a start screen including all functions like stop/start symbols. The subtitle symbol (CC) is missing.

In addition following functions have to be tested:

• The video starts playing if clicking the start/stop symbol in the middle of the image. The video stops after another click.
• The sound fades or raises if the volumes gets changed by using the volume control.

  - Clicking the full screen icon maximizes the video player to the size of the desktop size. Clicking ESC will diminish the video player.

Definition at line 38 of file video_mp4_poster.php.

                           : string
{
    global $DIC;
    $renderer = $DIC->ui()->renderer();
    $f = $DIC->ui()->factory();
 
    $video = $f->player()->video("https://files.ilias.de/ILIAS-Video.mp4");
    $video = $video->withPoster("assets/ui-examples/images/Image/HeaderIconLarge.svg");
 
    return $renderer->render($video);
}

References $DIC, Vendor\Package\$f, and $renderer.

video_vimeo()

ILIAS\UI\examples\Player\Video\video_vimeo

(

)

---

description: > Example for rendering a vimeo video player.

expected output: > ILIAS shows a base video player with a vimeo video including all functions like stop/start icons. The subtitle symbol (CC) is missing. Clicking the Start/Stop symbol will start playing the video. Clicking the symbol again will stop the video.

In addition following functions have to be tested:

• The video starts playing if clicking the start/stop symbol in the middle of the image. The video stops after another click.
• The sound fades or raises if the volumes gets changed by using the volume control.

  - Clicking the full screen icon maximizes the video player to the size of the desktop size. Clicking ESC will diminish the video player.

Definition at line 39 of file video_vimeo.php.

                      : string
{
    global $DIC;
    $renderer = $DIC->ui()->renderer();
    $f = $DIC->ui()->factory();
 
    $video = $f->player()->video("https://vimeo.com/669475821?controls=0");
 
    return $renderer->render($video);
}

References $DIC, Vendor\Package\$f, and $renderer.

video_youtube()

ILIAS\UI\examples\Player\Video\video_youtube

(

)

---

description: > Example for rendering the YouTube video player

expected output: > ILIAS shows a base YouTube video player. On the left side you will see a Start/Stop symbol, followed by a time bar and on the right side a symbol for volume control and for the the full screen. A big start symbol is shown in the middle of the start screen. At the top left you will see an avatar, the video title and on the left side a symbol for sharing the video. If the video is stopped a box with the title "More Videos" and a list of videos appears in the bottommost section. The box will disappear if the video is started again.

In addition following functions have to be tested:

• The video starts playing if clicking the start/stop symbol in the middle of the image. The video stops after another click.
• The sound fades or raises if the volumes gets changed by using the volume control.

  - Clicking the full screen icon maximizes the video player to the size of the desktop size. Clicking ESC will diminish the video player.

Definition at line 41 of file video_youtube.php.

                        : string
{
    global $DIC;
    $renderer = $DIC->ui()->renderer();
    $f = $DIC->ui()->factory();
 
    $video = $f->player()->video("https://www.youtube.com/watch?v=YSN2osYbshQ");
 
    return $renderer->render($video);
}

References $DIC, Vendor\Package\$f, and $renderer.