Posts My Canvas Format
Post
Cancel

My Canvas Format

Daily Calendar Post Format


Day # Objectives

  1. Item
    • Instruction
    • Instruction
    • Detail
    • Detail - Instruction
  2. Item
    • Instruction
    • Detail
    • Detail
  3. Don’t Forget
    • Item DUE TODAY, time
    • Item DUE date, time
  4. Weekly Accomplishments
    • Should be completed by Friday

Code Snippets

Horizontal Bar (Divider)

1
2
3
<div style="padding-top: 1em; padding-bottom: 1em; width=100%"> <!-- Divider -->
<div style="background-color: #017c8b; width: 100%; height: 6px;">&nbsp;</div>
</div>

Title Bar (Header)

1
2
3
4
5
6
7
8
9
<table style="width: 100%; border-collapse: collapse; background-color: #017c8b;" border="1">
<tbody>
<tr>
<td style="width: 100%;">
<h2 style="text-align: center;"><span style="color: #ffffff; font-size: 24pt;"> Title </span></h2>
</td>
</tr>
</tbody>
</table>

YouTube Linking

Start with this URL: https://www.youtube.com/embed/[Video ID]?version=3

Then add tags (place at end of URL):

&start=[seconds]set start time
&end=[seconds]set end time
&rel=0limit suggested videos to same channel
  
&autoplay=1automatically start video
&cc_load_policy=1automatically enable closed captions
&cc_lang_pref=enset caption language to english

Less useful tags:

&loop=1loop video, must be followed by &playlist=[Video ID] (doesn’t work with start or end)
&iv_load_policy=3disable video annotations (doesn’t generally affect modern videos)
&modestbranding=1do not show YouTube logo (doesn’t generally affect much)
&controls=0disable control visibility (good to avoid hovering controls, bad for media control or fullscreen)
This post is licensed under CC BY 4.0 by the author.