add interface

src/appComponent.tsx

@@ -80,7 +80,6 @@ const AppComponent = memo(function AppComponent(props) {
           height: 420,
           theme: '#00D3FF',
           poster: 'https://cdn.gudsen.com/2021/06/28/f81356b08b4842d7a3719499f557c8e4.JPG',
-          isAutoPlay: true,
         }}
         onProgressMouseDown={onProgressMouseDown}
         onPlay={onPlay}
@@ -99,7 +98,6 @@ const AppComponent = memo(function AppComponent(props) {
           height: 420,
           theme: 'red',
           poster: 'https://cdn.gudsen.com/2021/06/28/f81356b08b4842d7a3719499f557c8e4.JPG',
-          isAutoPlay: false,
         }}
       />
       <button onClick={() => videoMethod('play')}>播放</button>

src/core/controller/index.tsx

@@ -102,7 +102,13 @@ const Index = memo(function Index(props) {
         <Progress />
         <Controls />
       </div>
-      {isEndEd ? <EndComponent handle={() => [handleChangePlayState(), hiddleCursor()]} /> : null}
+      {isEndEd ? (
+        propsAttributes!.setEndPlayContent ? (
+          propsAttributes!.setEndPlayContent
+        ) : (
+          <EndComponent handle={() => [handleChangePlayState(), hiddleCursor()]} />
+        )
+      ) : null}
     </div>
   );
 });

src/core/index.tsx

@@ -31,7 +31,7 @@ const JoLPlayer = function JoLPlayer(props: videoparameter, ref: React.Ref<unkno
     onError,
     onvolumechange,
   } = props;
-  const { videoSrc, width, height, theme, poster, isAutoPlay } = option;
+  const { videoSrc, width, height, theme, poster, setBufferContent } = option;
   /**
    * @description 关灯对象
    */
@@ -156,14 +156,17 @@ const JoLPlayer = function JoLPlayer(props: videoparameter, ref: React.Ref<unkno
         {returnVideoSource}
       </video>
       {!isVideoUseful && <p className="video-no-useful-tip">抱歉！视频找不到了 (｡ ́︿ ̀｡)</p>}
-      {isBufferring && (
+      {isBufferring &&
+        (setBufferContent ? (
+          setBufferContent
+        ) : (
           <Broadcast
             iconClass="loading"
             fill={theme ? theme : defaultTheme}
             className="player-loading"
             fontSize="55px"
           />
-      )}
+        ))}
       <FlowContext.Provider value={contextProps}>
         <Controller />
       </FlowContext.Provider>

src/interface/index.ts

@@ -6,6 +6,7 @@ export interface hoverShowStyleType {
   progressBgRefEle: HTMLDivElement;
   progressScrubberRefEle: HTMLDivElement;
 }
+export type pausePlacement = 'bottomRight' | 'center';
 export interface videoOption<T = string, K = boolean, U = number> {
   /**
    * @description 视频容器的width
@@ -28,9 +29,17 @@ export interface videoOption<T = string, K = boolean, U = number> {
    */
   poster?: T;
   /**
-   * @description 是否自动播放
+   * @description 自定义视频结束时显示的内容
    */
-  isAutoPlay?: K;
+  setEndPlayContent?: React.ReactNode;
+  /**
+   * @description 自定义视频缓冲加载组件
+   */
+  setBufferContent?: React.ReactNode;
+  /**
+   * @description 暂停键的位置
+   */
+  pausePlacement?: pausePlacement;
 }
 export interface videoAttributes<T = number, K = boolean> {
   /**