Question

大家好，我正在尝试制作镀铬扩展程序，但我不确定该怎么做！这是我的代码（很长）当我点击图标并在其中有视频时我试图进行随机化，但我不能理解它，因为我查了一下，但这是一个非常具体的问题！另外我是html的新手，所以如果你发现了一个错误，那么请告诉我如何修复它，因为我不知道！

<html>

<head>
<style type="text/css">
body {
margin: 0px;
padding: opx;
font-family: Comic Sans MS;
font-size: 13px;
}

</style>
</head>
</body>

<body>


<button onclick="myFunction()">Try again</button>

<br id="demo"></br>

<script>
function myFunction() {
    var x = Math.floor((Math.random() * 6) + 1);
    document.getElementById("demo").innerHTML = x;
}

if x == 1) {
    <video width="320" height="240" controls>
  <source src="Clip 1.mp4" type="video/mp4">
  <source src="Clip 1.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
}

if x == 2) {
    <video width="320" height="240" controls>
  <source src="Clip 2.mp4" type="video/mp4">
  <source src="Clip 2.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
}

if x == 3) {
    <video width="320" height="240" controls>
  <source src="Clip 3.mp4" type="video/mp4">
  <source src="Clip 3.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
}

if x == 4) {
    <video width="320" height="240" controls>
  <source src="Clip 4.mp4" type="video/mp4">
  <source src="Clip 4.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
}

if x == 5) {
    <video width="320" height="240" controls>
  <source src="Clip 5.mp4" type="video/mp4">
  <source src="Clip 5.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
}

if x == 6) {
    <video width="320" height="240" controls>
  <source src="Clip 6.mp4" type="video/mp4">
  <source src="Clip 6.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
}
</script>

</body>
 </html>

感谢您的回复！

Answer 1

您有一些错误和建议。

强烈建议您将样式放在单独的外部CSS文件中。
在您的css中，padding的值为opx，这是一封字母＆＃34; o＆＃34;不是零。同样，当声明为零时，您无需指定单位。
您的头部下面有一个结尾body标签，不应该在那里。
br元素没有内在的内容。尝试使用其他元素，例如div。
我建议使用if。

switch

您的if条件中缺少一个括号if (x == 6)。
您需要处理条件块。在javascript中编写普通的html不会将其写入html文档。

我

如何在html中随机化视频

1 个答案: