-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy path05_video_lecture.html
56 lines (56 loc) · 3.6 KB
/
05_video_lecture.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="../assets/thirdpartylib/bootstrap-4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="../assets/thirdpartylib/fontawesome-free-5.9.0-web/css/all.min.css">
<link rel="stylesheet" href="../assets/css/styles.min.css">
<link rel="stylesheet" href="../assets/css/custom.css">
<script src="../assets/thirdpartylib/jquery/jquery-3.3.1.slim.min.js" defer></script>
<script src="../assets/thirdpartylib/popper-js/popper.min.js" defer></script>
<script src="../assets/thirdpartylib/bootstrap-4.3.1/js/bootstrap.min.js" defer></script>
<script src="../assets/js/scripts.min.js" defer></script>
<title>Video Lecture</title>
</head>
<body><main>
<div class="container-fluid">
<div class="row">
<div class="col-12 banner-img"><img src="../assets/img/banner_04.jpg" alt="" /></div>
<div class="col-sm-10 offset-sm-1">
<!-- DO NOT EDIT CODE ABOVE THIS LINE -->
<h1>Video Lecture</h1>
<p>You can embed Kaltura Mediaspace, Youtube, or Vimeo videos on <strong>any content template page</strong> and the video player will automatically expand to the maximum width, plus scale down properly on smaller screens.</p>
<iframe title="Youtube video" src="https://www.youtube.com/embed/sEYVxRPLioE?wmode=opaque" allowfullscreen="true"></iframe>
<p>Direct Link: <a href="https://youtu.be/sEYVxRPLioE" target="_blank" class="new-window">Create a File and Insert Stuff</a></p>
<h2>Replace Video</h2>
<p>To replace the video above:</p>
<ol>
<li>Copy the embed code for a video you want to use. On the Mediaspace website, click Share and Embed (not oEmbed) under the video. You can search Youtube within D2L, so copying an embed code is not necessary for Youtube videos.</li>
<li>Delete the video on this page, and click the <strong>Insert Stuff</strong> icon.</li>
<li>Do one of the following:
<ul>
<li>Select <strong>Enter Embed Code</strong> and paste in the video embed code; or</li>
<li>Select <strong>YouTube</strong> and search for a video</li>
</ul>
</li>
<li>Click <strong>Next</strong> and <strong>Insert</strong>.</li>
<li>The video on the page in the HTML Editor will not be the correct size. After clicking <strong>Save and Close</strong>, the video will expand to the maximum width when viewing the page.</li>
</ol>
<h2>Replace Direct Link</h2>
<p>To replace the direct link under the video:</p>
<ol>
<li>Click on the link so that it is highlighted.</li>
<li>Click the <strong>Insert Quicklink</strong> icon.</li>
<li>Paste in the new URL, change the Title, leave the Target on New Window, and click <strong>Update</strong>.
</ol>
<h2>Microsoft Embeds</h2>
<p>Microsoft embed codes for <a href="https://support.microsoft.com/en-us/office/embed-a-word-document-in-your-blog-0faa0253-2751-44bf-8486-ea7837fe7db1" target="_blank" class="new-window">Word documents</a>, <a href="https://support.microsoft.com/en-us/office/embed-your-excel-workbook-on-your-web-page-or-blog-from-sharepoint-or-onedrive-for-business-7af74ce6-e8a0-48ac-ba3b-a1dd627b7773" target="_blank" class="new-window">Excel spreadsheets</a>, and <a href="https://support.microsoft.com/en-us/office/embed-a-presentation-in-a-web-page-or-blog-19668a1d-2299-4af3-91e1-ae57af723a60" target="_blank" class="new-window">Powerpoint presentations</a> saved in Sharepoint or OneDrive will also be responsive and scale down properly on smaller devices.</p>
<!-- DO NOT EDIT CODE BELOW THIS LINE -->
</div>
<div class="col-12"><footer><p><img src="../assets/img/logo.png" alt="" /></p></footer>
</div>
</div>
</div>
</main></body>
</html>