需要帮助用javascript更改HTML5视频的宽度或高度吗_Javascript_Html_Video Streaming_Html5 Video

需要帮助用javascript更改HTML5视频的宽度或高度吗

javascript html video-streaming

需要帮助用javascript更改HTML5视频的宽度或高度吗,javascript,html,video-streaming,html5-video,Javascript,Html,Video Streaming,Html5 Video,我需要帮助改变这个HTML5视频的高度或宽度。我正在使用HTML5和javascript来尝试更改视频的大小以下是我的代码： <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" type="text/css" href="default.css"> <script type="text/javascript"> document.getElementById("mainvideo"

我需要帮助改变这个HTML5视频的高度或宽度。我正在使用HTML5和javascript来尝试更改视频的大小

以下是我的代码：

<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="default.css">
<script type="text/javascript">
document.getElementById("mainvideo").setAttribute(height,'400px');
alert('Hello');
</script>
</head>
<body>
<div id="header">
</div>
<div style="text-align:center;">
<video id="mainvideo">
<source src="movie.mp4" type="video/mp4" />
This is Fall Back Content
</video>
</div>
</body>
</html>


document.getElementById（“mainvideo”）.setAttribute（高度，'400px'）；
警惕（“你好”）；
这是后备内容

我有一个css文件，它不做任何事情，只是将视频与屏幕中间对齐。这是一个java脚本问题，它没有将此视频的高度更改为400px吗？或者是HTML5问题。如果这也是问题所在，我身上也没有本地视频可以在屏幕上显示。感谢所有能够提供帮助的人


<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="default.css">
<script type="text/javascript">
    window.onload=function(){
       document.getElementById("mainvideo").style.height='400px';
       alert('Hello');
    };
</script>
</head>
<body>
<div id="header">
</div>
<div style="text-align:center;">
<video id="mainvideo">
<source src="movie.mp4" type="video/mp4" />
This is Fall Back Content
</video>
</div>
</body>
</html>

window.onload=function（）{
document.getElementById（“mainvideo”）.style.height='400px'；
警惕（“你好”）；
};
这是后备内容

我认为高度不再是一个属性，它是一个CSS属性

编辑：实际上，它可能从来都不是HTML属性。根据，宽度过去是一个属性，但不是高度。

好的，谢谢。很高兴知道。它似乎仍然没有显示出来。这可能是因为我没有视频显示吗？@tdelaney18，不，这是因为在代码运行时，您的元素还不存在。我会更新我的答案。好的，我很抱歉打扰你，但是如果我将此代码更改为你拥有的代码，那么视频会在瞬间显示，然后消失。我遗漏了什么吗？@tdelaney18，你是离线测试还是在线测试？如果你是在线测试，如果我能看到有问题的页面，我会更容易帮助你。不过，我还没有深入研究HTML5，所以我不确定它的大部分内容。今天离线。如果这是太多，那很好。我今晚就想弄清楚。谢谢你的帮助