【问题标题】: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.htmlwidth曾经是一个属性,而不是高度。

    【讨论】:

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