missop / aliyunplayer_web Goto Github PK

Other Languages: 简体中文

All the following demos can be used separately. Babel 7.0 and webpack 4.0 are used for configuration.

Demo

Introduction

This demo illustrates the custom components of HTML5-based ApsaraVideo Player and can be used as a reference to implement custom components. In this demo, you can find the following common custom components:

• Last position
• Scrolling text
• Start ad
• Pause ad
• Play next
• Playlist
• Rotation and mirroring
• Video ad: On a mobile device, the browser may hijack the playback of the video ad.
• Danmu: uses the third-party danmu library CommentCoreLibrary.
• Preview
• Playback speed
• Definition
• Progress marker

Instructions and code

This demo provides features such as playback, playlist, subtitle, multi-language, adaptive bitrate, and custom skin.

Instructions and code

This demo provides features such as playback, playlist, comment, like, and MQTT persistent session. This demo supports HTML5-based full-screen same-layer playback in WeChat for Android to resolve the full-screen playback issue.

Instructions and code

This demo provides features such as playlist, multi-definition, playback speed adjustment, and full-screen playback.

Instructions and code

This demo provides features such as full-screen playback, comment, like, and MQTT persistent session. This demo supports HTML5-based full-screen same-layer playback in WeChat for Android to resolve the full-screen playback issue.

Instructions and code

This demo provides features such as playback, playlist, comment, and MQTT persistent session. This demo supports HTML5-based full-screen same-layer playback in WeChat for Android to resolve the full-screen playback issue.

The desktop edition or mobile edition of the player is selected automatically based on the device type.

Instructions and code