JSは、再生中の動画や画像になります

メインロジックJS

関数handleImgVideoUrl（CURR、srcUrl、imgsAndVideos）{
    //画像と動画の再生を設定します
    VLISTは= []でした。
    {（++インデックス;指数<imgsAndVideos.lengthインデックス= 0を聞かせて）ため
        vList.push（srcUrl + imgsAndVideos [インデックス]）。
    }

    VAR myvideo =のdocument.getElementById（ "videoView"）;
    VAR = vList.lengthが適用されます。
    IF（VLIST [CURR] .indexOf（ 'V_'）> = 0）{
        $（ "＃のimgView"）非表示（）。
        $（ "＃のvideoView"）（見せます）。
        URL = VLIST [CURR]みましょう。
        $（ '＃のvideoView'）のattr（ 'SRC'、URL）。
        // myvideo.muted =はtrue。
        CURR ++;
        IF（CURR> = VLEN）{
            CURR = 0; //ループバック
        }
        myvideo.load（）;
        myvideo.play（）;
    } そうしないと {
        URL = VLIST [CURR]みましょう。
        $（ "＃のvideoView"）非表示（）。
        $（ "＃のimgView"）（見せます）。
        $（ "＃のimgView"）のattr（ "SRC"、URL）。
        CURR ++;
        IF（CURR> = VLEN）{
            CURR = 0; //ループバック
        }
        setTimeout（関数（）{
            handleImgVideoUrl（CURR、srcUrl、imgsAndVideos）。
        }、5000）。
    }

    実行の方法を再生する//ビデオ仕上げ
    myvideo.onended =関数（）{
        IF（VLIST [CURR] .indexOf（ 'V_'）> = 0）{
            $（ "＃のimgView"）非表示（）。
            $（ "＃のvideoView"）（見せます）。
            URL = VLIST [CURR]みましょう。
            $（ '＃のvideoView'）のattr（ 'SRC'、URL）。
            // myvideo.muted =はtrue。
            myvideo.load（）;
            myvideo.play（）;
            CURR ++;
            IF（CURR> = VLEN）{
                CURR = 0; //ループバック
            }
            handleImgVideoUrl（CURR、srcUrl、imgsAndVideos）。
        } そうしないと {
            //写真
            URL = VLIST [CURR]みましょう。
            $（ "＃のvideoView"）非表示（）。
            $（ "＃のimgView"）（見せます）。
            $（ "＃のimgView"）のattr（ "SRC"、URL）。
            CURR ++;
            IF（CURR> = VLEN）{
                CURR = 0; //ループバック
            }
            setTimeout（関数（）{
                handleImgVideoUrl（CURR、srcUrl、imgsAndVideos）。
            }、5000）。

        }

    }。
}

　　統一されたパス情報をsrcUrlするメソッドを呼び出し、VIArrayは写真や（接尾辞）ビデオの配列の名前です

        CURR = 0でした。
        handleImgVideoUrl（CURR、srcUrl、VIArray）。

　　HTML表示

<IMGのID = "imgView" クラス= "サムネイル" /> 

<動画ID = "videoView" SRC = "" 自動再生= "自動再生" ミュート= "ミュート" スタイル= "幅：100％;高さ：自動"> </ビデオ>

JSは、再生中の動画や画像になります

おすすめ