需要帮助使用 javascript 更改 html 5 视频的宽度或高度答案

【问题标题】：need help changing width or height of an html 5 video with javascript需要帮助使用 javascript 更改 html 5 视频的宽度或高度
【发布时间】：2012-03-19 04:10:53
【问题描述】：

我需要帮助更改此 html 5 视频的高度或宽度。我正在使用 html 5 和 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>

我有一个 css 文件，它除了将视频对齐到屏幕中间之外什么都不做。这是没有将此视频的高度更改为 400px 的 java 脚本问题吗？或 html 5 问题。如果这也是问题，我也没有本地视频可以显示在屏幕上。感谢任何可以提供帮助的人

【问题讨论】：

标签： javascript html video-streaming html5-video

【解决方案1】：

<!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>

我认为height 不再是一个属性，它是一个 CSS 属性。

edit：实际上，它可能从来都不是 HTML 属性。根据http://www.codehelp.co.uk/html/deprecated.html，width曾经是一个属性，而不是高度。

【讨论】：

好的，谢谢。很高兴知道。它似乎仍然没有显示。会不会是因为我没有要播放的视频？
@tdelaney18，不，这是因为在运行代码时，您的元素还不存在。我会更新我的答案。
好的，很抱歉打扰您，但是如果我将此代码更改为您所拥有的，那么视频会显示片刻然后消失。我错过了什么吗？
@tdelaney18，您是离线测试还是在线测试？如果您正在在线测试，如果我能看到相关页面，我会更容易为您提供帮助。不过，我还没有深入研究 HTML5，所以我不确定其中的大部分内容。
今天离线。如果这太多了，那很好。今晚我只是想弄清楚这一点。谢谢你的帮助