Воспроизведение множества видео в html5 - PullRequest
0 голосов
/ 04 ноября 2019

Я просмотрел веб-источники, чтобы узнать, как воспроизводить массив видео в формате html5. Используя источники, мне удалось отобразить только первое видео (без автовоспроизведения), и даже когда я нажал кнопку «Воспроизвести» вручную, второе видео не воспроизводится / не отображается автоматически после окончания первого. Есть идеи?

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Video.aspx.cs" Inherits="Web.Video.VideoDashboard" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>HELLO WORLD</title>
</head>
<body>
    <video controls="controls" id="myVideo">
    </video>
     <script>
            var videoSource = new Array();
            videoSource[0] = "/MP4Files/Video1.mp4";
            videoSource[1] = "/MP4Files/Video2.mp4";
            var i = 0; // define i
            var videoCount = videoSource.length;

            function videoPlay(videoNum) {
                document.getElementById("myVideo").setAttribute("src", videoSource[videoNum]);
                document.getElementById("myVideo").load();
                document.getElementById("myVideo").play();
            }
            document.getElementById('myVideo').addEventListener('ended', myHandler, false);
            videoPlay(i); // play the video

            function myHandler() {
                i++;
                if (i == (videoCount - 1)) {
                    i = 0;
                    videoPlay(i);
                } else {
                    videoPlay(i);
                }
            }
     </script>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...