search

PreTeXtBook / pretext

PreTeXt: an authoring and publishing system for scholarly documents
https://pretextbook.org
Other
266 stars 208 forks source link

CSS for pseudo-captions of videos #830

Closed rbeezer closed 1 year ago

rbeezer commented 6 years ago

Part of #732. See masked YouTube videos near the bottom of the page.

http://mathbook.pugetsound.edu/examples/sample-article/html/section-video.html

Click above to play, Click to pop-out, and then on pop-out, Reload page to ... beneath. Each is a centered div using an inline style. They each function somewhat like a figcaption which might be a better choice for accessibility (they relate to directly preceding 2-D object). How should the HTML/CSS go on these?

figcaption.centered or something more semantic? Or should the pseudo-captions be bound more tightly to the video via some enclosing block (figure.video-pop-out, figure.video-preview figure.video-masked)?

The Click to pop-out should maybe even be a button. And perhaps Click above to play is superfluous.

With suggestions/advice, I'll just make it happen and make it live.

davidfarmer commented 6 years ago

The "Click Above to Play" definitely is wrong. It should be obvious to the user that you click the thing to play, and it does not convey the critical information that clicking will Pop-out.

If there are only two cases, click to play in the page (possibly choosing to make it full screen) and click to pop-out, the it seems the only caption-like thing needed is "Click to pop-out".

Do we really need to support the case that you can choose to view in page or pop-out? Does not the full screen option do enough?

On Sun, 4 Feb 2018, Rob Beezer wrote:

Part of #732. See masked YouTube videos near the bottom of the page.

http://mathbook.pugetsound.edu/examples/sample-article/html/section-video.html

Click above to play, Click to pop-out, and then on pop-out, Reload page to ... beneath. Each is a centered div using an inline style. They each function somewhat like a figcaption which might be a better choice for accessibility (they relate to directly preceding 2-D object). How should the HTML/CSS go on these?

figcaption.centered or something more semantic? Or should the pseudo-captions be bound more tightly to the video via some enclosing block (figure.video-pop-out, figure.video-preview figure.video-masked)?

The Click to pop-out should maybe even be a button. And perhaps Click above to play is superfluous.

With suggestions/advice, I'll just make it happen and make it live.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub, or mute the thread.[AAM6LP7339p1U76pFpmX2NU4GZrsEtYuks5tRWr2gaJpZM4R4fae.gif]

davidfarmer commented 1 year ago

Seems to be irrelevant now.