Javascript 更新<；视频>；带复选框和按钮的src_Javascript_Html_Html5 Video

Javascript 更新<；视频>；带复选框和按钮的src

javascript html

Javascript 更新<；视频>；带复选框和按钮的src,javascript,html,html5-video,Javascript,Html,Html5 Video,我相信我在javascript中实现视频播放器时遇到了一个相对简单的问题。首先，我想向数组中添加一个字符串，并引用第一个字符串条目作为视频标记中源的src。然后，我希望视频开始播放一旦收到src 我还没有实现后者的代码，因为我还没有通过前者。我见过有人在更改src后引用.load（）函数调用，但我不知道我是否正确地设置了src <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" co

我相信我在javascript中实现视频播放器时遇到了一个相对简单的问题。首先，我想向数组中添加一个字符串，并引用第一个字符串条目作为视频标记中源的src。然后，我希望视频开始播放一旦收到src

我还没有实现后者的代码，因为我还没有通过前者。我见过有人在更改src后引用.load（）函数调用，但我不知道我是否正确地设置了src

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>

<style>

video
{
    background-color:#333;
}

</style>

</head>

<body>

<script type="text/javascript">
var width = (1280 * 0.1);
var height = (720 * 0.1);
var resized = false;

function getWidth(){
    return width;
}

function getHeight(){
    return height;
}


//Create array. Checkbox adds video to list.
//"Submit" button gives first video in list to player.

var videoList = new Array();
var i = 0; //incrementer

//Use checkbox's value as argument
function addVideo(value){
    videoList[i] = value;
    i++;
}

function videoSubmit(){
    document.getElementById("player").setAttribute("src", videoList[i]);
}

</script>

<video id="test" width="getWidth()" height="getHeight()">
<source id="player" src="null" type="video/avi" width="getWidth()"     height="getHeight()"/>

</video>
<br/>

<form id="selector" action="">
<input type="checkbox" name="firstvideo" value="test.avi" onClick="addVideo(test.avi)"/> sample 1.avi<br/>

</form>

<button onClick="videoSubmit()"> Submit</button>


</body>
</html>


无标题文件
视频
{
背景色：#333；
}
变量宽度=（1280*0.1）；
变量高度=（720*0.1）；
var resized=false；
函数getWidth（）{
返回宽度；
}
函数getHeight（）{
返回高度；
}
//创建数组。复选框将视频添加到列表中。
//“提交”按钮将列表中的第一个视频发送给播放器。
var videoList=新数组（）；
var i=0//递增器
//使用复选框的值作为参数
函数addVideo（值）{
视频列表[i]=值；
i++；
}
函数videoSubmit（）{
document.getElementById（“player”）.setAttribute（“src”，videoList[i]）；
}


示例1.avi

提交

我对javascript还不太熟悉，现在仍在努力学习它。非常感谢任何有用的信息。

看起来

的值是错误的。尝试：

function videoSubmit(){
    document.getElementById("player").setAttribute("src", videoList[ i - 1 ]);
}

还有一些其他问题。这是一个固定版本-享受：

另一个问题：

你不能这样做：

<video id="test" width="getWidth()" height="getHeight()">

如果要通过编程方式设置这些属性，则必须使用与src属性相同的方法。有时你会看到这种构造，但它很笨拙：

<script>document.write('<video id="test" width="' + getWidth() + '" ...')</script>

document.write（“此处不需要额外的source
元素，只需针对video
元素的src
属性即可
比如：
document.getElementById('test').src = videoList[i];

应该是您所需要做的全部（假设videoList[i]
的值是视频文件的有效URL，并且相关浏览器可以播放该文件）。
更改没有帮助，但感谢您对jquery的引用。我们一定会检查它。