gpt4 book ai didi

javascript - 视频,表单,然后是 html 视频

转载 作者:行者123 更新时间:2023-11-28 07:17:02 27 4
gpt4 key购买 nike

我可以播放一个视频剪辑,检测视频的结尾,然后创建一个表单,然后播放另一个视频剪辑。我的问题是,表单 react 不正确,我创建了带有提交按钮和两个单选按钮可供选择的表单。我希望让用户进行选择,验证响应,然后加载下一个剪辑。但查看表单的唯一方法是使用警报消息。代码是:

function makeForm(){

var mypara=document.getElementById("miArea");
var myform =document.createElement("form");
myform.id="miid";
myform.name='registration' ;
myform.setAttribute("onSubmit","formValidation()");

var x = document.createElement("INPUT");
var y = document.createElement("INPUT");
var z= document.createElement("INPUT");
var s = document.createElement("br");
var s1 = document.createElement("br");
x.setAttribute("type", "radio");
x.setAttribute ("name","huevos");
y.setAttribute("type", "radio");
y.setAttribute ("name","huevos");
z.setAttribute("type", "button");
z.setAttribute("value","Submit")
z.setAttribute("onclick", "formValidation()")
x.value="revueltos";
y.value="estrellados";

//submit button
var contenido1 = document.createTextNode("Revueltos");
var contenido2 = document.createTextNode("Estrellados ");

myform.appendChild(contenido1);
myform.appendChild(x);
myform.appendChild (s);
myform.appendChild(contenido2);
myform.appendChild(y);
myform.appendChild(s1);
myform.appendChild(z);
mypara.appendChild(myform);
alert ("antes de crear la forma9");}

function videoEnded(){
deleteVideo();
makeForm();
deleteForm();
loadVideo();
}
function deleteForm() {
mform=document.getElementById("miid");
mform.parentNode.removeChild(mform);
}

/*onEnded is called once the first video ends.
this is the body part*/
<body>
<p id="miArea">

<video width="640" height="480" src="reglamento1.mp4" id="video" controls onended="videoEnded()">
video not supported
</video>
</p>
</body>

希望你能帮助我。

最佳答案

此处为您的代码

deleteVideo();
makeForm();
deleteForm();
loadVideo();

删除视频,创建表单,然后立即销毁它(并再次加载视频)。

我认为您希望在按下“提交”按钮时执行 deleteForm();loadVideo(); 部分。

在“提交”按钮的 onclick 属性中,您可以调用一个函数来执行此操作。

function buttonClick(){
deleteForm();
loadVideo();
}

关于javascript - 视频,表单,然后是 html 视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30744753/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com