请在 Mac/PC 上使用 Safari 等 WebKit 浏览器查看。该媒体控件在移动设备上可能无法完全呈现。

elapsed
remaining
Live Streaming

这是一个临摹作品,主要训练 JavaScript 的编写。专为 WebKit 浏览器设计制作的媒体控制器(尚在设计开发中,Safari 下体验最佳),拥有现代化外观、高效的交互操作。

  • 鼠标在视频区域时,媒体控制器将自动浮现;鼠标移出,控制器也自动浮出。
  • 若视频不是自动加载并播放的,会自动浮现媒体控制器,暗示用户「这里可以播放」。
  • 播放完毕后,控制器将自动浮现,主按钮将从「暂停」变为「回放」,而不是「播放」。
  • 若视频时长小于 1 小时,则进度条左右的时间标记不会显示「时」。
  • 在 macOS Safari 中,这个媒体控制器能以熟悉的方式使用 AirPlay、画中画等功能。
  • 点按「新浪微博」图标进行分享时,会自带「佳伟的部落格」来源标记,俗称「小尾巴」。用户可以点按来源标记来到部落格主页。