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

elapsed
remaining
Live Streaming

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

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