javascriptを使ってhtml 5ビデオの幅や高さを変更する際に助けが必要

このhtml 5ビデオの高さや幅を変更する際には助けが必要です。私は、ビデオのサイズを変更しようとするには、HTML 5とJavaScriptを使用しています。javascriptを使ってhtml 5ビデオの幅や高さを変更する際に助けが必要

次は私のコードです：

<!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の問題です。また、問題がある場合は、画面に表示する私のローカルビデオを持っていない。

出典

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

@ tdelaney18、いいえ、それはコードが実行された時点で、要素がまだ存在しないからです。私は私の答えを更新します。 – mowwwalker

ええ、私はあなたを傷つけて申し訳ありませんが、あなたが持っているものにこのコードを変更すると、ビデオが1秒間に表示されて消えます。何か不足していますか？ – tdelaney18

javascriptを使ってhtml 5ビデオの幅や高さを変更する際に助けが必要

答えて

関連する問題