2026年春国开电大网页设计实训6 在个人简历中插入视频播放器

实训6 在个人简历中插入视频播放器

1. 实训目的

（1） 掌握在网页中插入视频，并通过JavaScript进行视频播放控制的基本方法。

（2） 提升个人简历网页的吸引力和动态效果，展示关于个人综合实力的视频内容，突出个人技能和经验。

2. 实训内容

能在网页中实现完整的视频播放，显示视频时长，显示播放进度条，能实现视频的暂停和进度条的拖拽。

3. 实训要求

（1）学生需要具备HTML基础知识和JavaScript基础知识，并具有使用相关开发工具的能力，如文本编辑器、浏览器、调试工具等

（2）使用JavaScript编写代码，实现在个人简历网页中嵌入视频播放器的功能。

（3）视频播放器应具备良好的用户体验，易于操作和浏览。

（4）通过实训，掌握JS的基本使用方法和基本语法，掌握JS中对事件的应用。

4. 实训条件

（1）实验设备：计算机一台。

（2）工具：VisualStudio Code。

（3）其他：笔，实训报告纸。

5. 实训步骤

（1）在个人简历网页的适当位置（例如技能部分、项目经验部分等）选择一个合适的位置插入视频播放器的容器元素。可以使用HTML标签，例如<div>来创建一个容器。

（2）在网页的合适位置添加一段JavaScript代码，用于创建和控制视频播放器。

（3）准备您想要展示的视频内容。确保视频内容与实训相关，并且展示您的技能和经验。

（4）根据需要，调整视频播放器的样式和布局，以适应个人简历网页的设计和美观性。可以使用CSS来定制播放器的外观，例如使用style.width和style.height属性设置播放器容器的大小；使用style.backgroundColor属性来更改视频容器的背景颜色。