npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@xsyx/hanzo-video

v0.1.7

Published

视频播放 组件

Downloads

5

Readme

视频播放组件

changelog

V0.1.7

  • 去掉进入或退出全屏事件,此事件会导致各种兼容问题。

V0.1.6

  • 预览图,竖屏图片顺时针旋转90°,默认为false

V0.1.5

  • 苹果手机播放完成,不自动退出全屏状态
  • 启用是否显示全屏播放按钮属性

V0.1.4

  • 增加视频退出或进入全屏事件。

V0.1.3

  • 解决点击播放按钮后,播放按钮依然存在的bug。
  • 去掉video组件中的poster属性。

V0.1.2

  • 使用 video 组件自带的封面属性 poster

V0.1.1

  • 修改此文件中的注释

V0.1.0

  • 组件建立

  • 组件初始化


<zhibo-video></zhibo-video>

适用场景

图文直播视频播放

参数 props

| 参数 | 说明 | 类型 | 默认值 | 版本 | | ------ | ------ | ------ | ------ | ------ | | videoUrl | 视频播放地址 | String | - | 0.1.1 | | previewUrl | 图片预览地址 | String | - | 0.1.1 |
| width | 视频播放区域宽度 | String | 670rpx | 0.1.1 | | height | 视频播放区域高度 | String | 377rpx | 0.1.1 |
| isFullScreen | 是否可全屏播放 | String | - | 0.1.1 |
| playStatus | 播放视频1、未加载视频组件或视频已播放完成。2、播放中。3、停止播放。 | String | - | 0.1.0 |