Как загрузить локально сохраненное видео с тегом формы и javascript в браузере? - PullRequest
Новая
       12

Как загрузить локально сохраненное видео с тегом формы и javascript в браузере?

0 голосов
/ 14 марта 2020

Я пытаюсь загрузить локально сохраненное видео, используя тег формы и javascript в браузере. Сначала его нужно выбрать, а затем загрузить, нажав кнопку загрузки. В данный момент я могу выбрать и загрузить видео, но оно исчезает после вызова функции. Я много пробовал и, к сожалению, не знаю, что делать. Я был бы очень рад получить помощь. Прилагается полный код. Спасибо!

'' '

тест 


<form method="post" enctype="multipart/form-data" id="myForm">
    <label>choose a video!
        <input name="file" type="file" size="50" accept="video/*" id="file"> 
    </label>        
    <button id="btn">
        Upload
    </button>       
    <output id="dateiListe"></output>   
</form>

<video id="my_player" controls="control"  width="500" height="300" align="center">        
    <source type="video/mp4" id="vidsource">
</video>


<script> 

    document.addEventListener("DOMContentLoaded", function() 
    {
        document.getElementById('myForm').addEventListener('submit', set_source , false);
    });

    const files = document.getElementById('file').files;

    var video = document.getElementById("my_player"); 

    function set_source()
    {
        video.setAttribute("src", URL.createObjectURL(files[0]));
        alert("Upload done");
    }

</script>

'' '

...