нужна помощь в изменении ширины или высоты HTML 5 видео с помощью JavaScript - PullRequest
Новая
       19

нужна помощь в изменении ширины или высоты HTML 5 видео с помощью JavaScript

0 голосов
/ 19 марта 2012

Мне нужна помощь в изменении высоты или ширины этого 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, который ничего не делает, кроме выравниваниявидео до середины экрана.Это проблема Java-сценария, которая не изменяет высоту этого видео до 400 пикселей?или проблема HTML 5.У меня также нет местного видео для отображения на экране, если это тоже проблема.Спасибо всем, кто может помочь

1 Ответ

2 голосов
/ 19 марта 2012 
<!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 раньше использовался атрибут, но не высота.

...