Skip to main content
\(\require{cancel}\newcommand{\definiteintegral}[4]{\int_{#1}^{#2}\,#3\,d#4} \newcommand{\myequation}[2]{#1\amp =#2} \newcommand{\indefiniteintegral}[2]{\int#1\,d#2} \newcommand{\testingescapedpercent}{ \% } \newcommand{\lt}{<} \newcommand{\gt}{>} \newcommand{\amp}{&} \)

Section15Video

First, a gratuitous reference to Exercise 11.3.3 about the derivative of a cosine.

Embedded videos can make sense for a web version of your document. This is a video promoting the University of Puget Sound to potential new students. Support is limited to HTML5-capable browsers. The file format can be MP4, Ogg, or WebM, though this may vary depending upon the browser. The example below is an old promotional video from the University of Puget Sound, in WebM format. The source attribute should not include an extension, since the three possibilities above will be searched for preferentially (you need only provide one, but more will increase the chances every browser will find a compatible format).

Figure15.1University of Puget Sound Promotional Video

YouTube videos may be embedded with only knowledge of the “ID”. This a string of eleven seemingly random characters that show up in the URL when you watch a video. For the Led Zeppelin performance below, the ID is hAzdgU_kpGo, which you might normally watch directly from the URL https://www.youtube.com/watch?v=hAzdgU_kpGo. Screen real estate is determined by specifying an optional @width attribute as a percentage, and aspect ratio is preserved on the assumption of HD video (16:9).

Enhancements will include other aspect ratios.

These may be placed “standalone” in a <sidebyside>, but are designed mostly on the assumption that they are wrapped in a figure with a title (which is distinct from a caption).

Figure15.2Kashmir (Live), Led Zeppelin. O2 Arena, London. December 10, 2007. (8:55)

If you have ever owned a drone, you sympathize with this guy. Way funnier than a cat video.

Figure15.3First Drone Flight (1:28)

If you are only interested in a piece of the action, you can limit the video with start and end attributes in seconds. You might make those times clear in the caption for readers getting the link out of a PDF. Some videos may not respect these parameters.

Figure15.4First Drone Flight (Splashdown, 0:54 to 1:12)

We can pack two videos side-by-side, with a lot of horizontal control, using two panels in the sidebyside element. We have simply chose not to provide a caption (overall, or separately) as an illustration. The sizes are purposely a bit odd. See Section 23 for much more on side-by-side panels. These videos come from the “Topic” and “VEVO” areas of YouTube (respectively) and both have start/end times.

These next two videos are evenly spaced, one from YouTube, one from a source file hosted by the author. Now with separate captions, but identical margins (through very different choices of layout parameters).

Figure15.5Drone Flight
Figure15.6UPS Promo

Videos may be embedded, or popped-out to play in a new window or tab (at greater width), or a link will give the reader the option to choose either style of playback. The automatic pop-out option requires a static thumbnail image is available. (For YouTube, these iamges can be obtained automatically with the mbx script.)

Click Above to Play
(a)Embedded Only
(b)Pop-Out Only, w/ Start/End
(c)User Selection
Figure15.7YouTube Play Location Options (play-at attribute)

Each of the three options above may have a generic play button placed over the one provided by the video.

Click Above to Play
(a)Embedded Only
(b)Pop-Out Only, w/ Start/End
(c)User Selection
Figure15.8YouTube with Generic Preview

Now, the six combinations above with an author-hosted video.

Click Above to Play
(a)Embedded Only
(b)Pop-Out Only, w/ Start/End
(c)User Selection
Figure15.9Author-Hosted Play Location Options (play-at attribute)
Click Above to Play
(a)Embedded Only
(b)Pop-Out Only, w/ Start/End
(c)User Selection
Figure15.10Author-Hosted, Generic Preview, Experimental Aspect Ratios