Javascript 未在HTMLButtoneElement（ASP.NET MVC）上定义记录器

我正在使用脚本进行录像

以下是我的观点代码

 <p style="text-align: center;">
        <video id="preview" controls style="border: 1px solid rgb(15, 158, 238); height: 280px; width: 300px;" muted="muted" ;></video>
    </p>
<div id="container" style="padding:1em 2em; width: 350px; text-align: center;margin-left: 100px;margin-top: 50px;"></div>

我怎样才能解决这个问题

更新

这是我的剧本

<script>
var myLink = document.getElementById('next');
myLink.onclick = function functionName() {
    var element = $(".activeQue");
    $(element).removeClass("activeQue").addClass("hiddenQue");
    $(element).next().removeClass("hiddenQue").addClass("activeQue");
    $('#container').replaceWith($('#preview').html('<video controls autoplay src="' + recorder.toURL() + '"></video>'));
}

var myLink=document.getElementById（'next'）；
myLink.onclick=函数functionName（）{
var元素=$（“.activeQue”）；
$（元素）.removeClass（“activeQue”）.addClass（“hiddenQue”）；
$（element）.next（）.removeClass（“hiddenQue”）.addClass（“activeQue”）；
$（'#container'）.replacetwith（$（'#preview'）.html（''）；
}

---

记录器变量在哪里声明？据我所知，在那里

@webbanditen

recorder is not defined at HTMLButtonElement

<script>
var myLink = document.getElementById('next');
myLink.onclick = function functionName() {
    var element = $(".activeQue");
    $(element).removeClass("activeQue").addClass("hiddenQue");
    $(element).next().removeClass("hiddenQue").addClass("activeQue");
    $('#container').replaceWith($('#preview').html('<video controls autoplay src="' + recorder.toURL() + '"></video>'));
}