Video
Video is displayed via a responsive iFrame, a transcript of the video should be displayed via an accordion to assist visually impaired users.
These examples show YouTube content, it should be possible to show content from other providers with some adjustments. The text within the transcript is set to small (15px, 13px on smaller screens).
Landscape
The default aspect ratio is 16:9. The iframe is sized so as to retain the aspect ratio while remaining responsive. A max-width value is set to 40rem (640px).
How do I structure an essay? Essays have three parts: A beginning... A middle... and an end. That is, the introduction, body, and conclusion. It’s important to have structure in your essay, or you will lose the flow of your argument.
How do I write an essay introduction? Writing an essay introduction can sometimes be quite challenging. It helps to break down your introduction into three important parts: First, start by introducing your topic. Then, state your argument. And finally, outline your main points.
By doing this, your introduction should start broad and become more specific, focusing in on your essay topic. Basically, you’re letting the reader know what you’re going to discuss throughout the essay. Let’s have a look at this introduction as an example:
<figure class="video">
<div class="responsive-video">
<iframe src="https://www.youtube.com/embed/video-id" frameborder="0"
allowfullscreen=""></iframe>
</div>
<div class="accordion-item transcript">
<!-- lots of additional accordion code goes here -->
</div>
</figure>
Portrait
To change the aspect ratio to portrait, wrap the responsive-video div in a div with class video-wrapper
. This will display videos in a 9:16 aspect ratio. Videos will have a width of 80% of screen width, with the max width limited to 25rem (400px). This ensures the whole video is visible along with browser chrome at smaller screen sizes.
How do I structure an essay? Essays have three parts: A beginning... A middle... and an end. That is, the introduction, body, and conclusion. It’s important to have structure in your essay, or you will lose the flow of your argument.
How do I write an essay introduction? Writing an essay introduction can sometimes be quite challenging. It helps to break down your introduction into three important parts: First, start by introducing your topic. Then, state your argument. And finally, outline your main points.
By doing this, your introduction should start broad and become more specific, focusing in on your essay topic. Basically, you’re letting the reader know what you’re going to discuss throughout the essay. Let’s have a look at this introduction as an example:
Self-confidence means possessing a positive, yet realistic, view of one’s self and abilities. Self-confident people have trust and faith in their abilities. Self-confidence can be affected by a variety of factors. This essay will argue that self-confidence develops through a complex interaction between a range of factors. The essay will firstly define self-confidence, and then analyse the interaction between various factors that affect the confidence of an individual. In particular, these are personality style, situational factors/life experiences self-efficacy and self-esteem.
Notice the structure: The topic and context at the start of the paragraph; the argument in the middle, and what will be covered in the essay at the end of the paragraph.
How do I write an essay body? An essay body is a series of paragraphs that support the main argument.
<figure class="video-portrait">
<div class="video-wrapper">
<div class="responsive-video">
<iframe src="https://www.youtube.com/embed/video-id" frameborder="0"
allowfullscreen=""></iframe>
</div>
</div>
<div class="accordion-item transcript">
<!-- lots of additional accordion code goes here -->
</div>
</figure>
Captions
Though less likely than images to require a caption, it is easy to display. Just add figcaption
tag after the responsive-video
tag.
How do I structure an essay? Essays have three parts: A beginning... A middle... and an end. That is, the introduction, body, and conclusion. It’s important to have structure in your essay, or you will lose the flow of your argument.
How do I write an essay introduction? Writing an essay introduction can sometimes be quite challenging. It helps to break down your introduction into three important parts: First, start by introducing your topic. Then, state your argument. And finally, outline your main points.
By doing this, your introduction should start broad and become more specific, focusing in on your essay topic. Basically, you’re letting the reader know what you’re going to discuss throughout the essay. Let’s have a look at this introduction as an example:
>
<figure class="video">
<div class="responsive-video">
<iframe src="https://www.youtube.com/embed/video-id" frameborder="0"
allowfullscreen=""></iframe>
</div>
<figcaption>An example caption for this image.</figcaption>
<div class="accordion-item transcript">
<!-- lots of additional accordion code goes here -->
</div>
</figure>
Other aspect ratios
Other aspect ratios are supported.
video-3-2
classvideo-4-3
classvideo-square
class