需要幫助改變寬度或高度的HTML 5視頻與JavaScript

我需要幫助改變這個HTML 5視頻的高度或寬度。我正在使用HTML 5和JavaScript來嘗試更改視頻的大小。需要幫助改變寬度或高度的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文件沒有做任何事情，但對齊視頻屏幕的中間。這是一個Java腳本問題，不會改變這個視頻的高度爲400px？或者一個HTML 5問題。如果這也是問題，我也不會在屏幕上顯示本地視頻。由於任何人都可以幫忙

來源

2012-03-19 tdelaney18

<!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屬性。

編輯：其實，它可能永遠不是一個HTML屬性。根據http://www.codehelp.co.uk/html/deprecated.html,width曾經是一個屬性，但不是身高。

來源

2012-03-19 04:13:41 mowwwalker

好的，謝謝。很高興知道。它似乎還沒有顯示。那可能是因爲我沒有要顯示的視頻？ – tdelaney18 2012-03-19 04:17:06

@ tdelaney18，不，這是因爲在代碼運行的時候，你的元素還不存在。我會更新我的答案。 – mowwwalker 2012-03-19 04:18:42

好的，我很抱歉錯誤地告訴你，但如果我將此代碼更改爲你所擁有的視頻，那麼視頻將在瞬間顯示，然後消失。我錯過了什麼嗎？ – tdelaney18 2012-03-19 04:28:11

需要幫助改變寬度或高度的HTML 5視頻與JavaScript

回答

相關問題