ArtPlayer 播放器的简单使用

转自我的博客
https://buasis.eu.org/2024/08/11/posts-artplayer-bo-fang-qi-de-jian-dan-shi-yong/

前言

ArtPlayer 播放器界面简洁，功能强大，扩展性强。

但个人觉得官方文档讲的太复杂了，我就只想简单使用一下，没必要用到那么多的功能。

所以我稍微整理了一下代码，把常用的功能整理到了一块。

示例

代码

var art = new Artplayer({
    container: '.artplayer-app', 
    
    url: 'https://artplayer.org/assets/sample/video.mp4',
    id: 'your-url-id', 
    poster: 'https://artplayer.org/assets/sample/poster.jpg', 
    theme: '#23ade5', 
    volume: 0.7, 
    autoplay: false,  
    autoSize: true, 
    autoMini: true, 
    
    setting: true, 
    flip: true, 
    playbackRate: true, 
    aspectRatio: true, 

    screenshot: true, 
    hotkey: true, 
    pip: true, 
    pip: true, 
    fullscreen: true, 
    miniProgressBar: true, 
    playsInline: true, 

    
    
    

    thumbnails: {
        url: 'https://artplayer.org/assets/sample/thumbnails.png',
        number: 60,
        column: 10,
    },
    
    icons: {
        loading: '',
        state: '',
        indicator: '',
    },
    lock: true, 
    fastForward: true, 
    autoOrientation: true,  
    airplay: true, 
});

末

本文完，如果本文对你有用，请留下一条友善的评论吧。