HTML5视频标签无法正常工作

我正在试图制作一个网站，其中有多个视频。当我运行代码时，只加载第一个视频。无论我做什么，第二个视频都不会播放或加载。为什么我的第二个视频没有加载？HTML5视频标签无法正常工作

这里是我的代码：

<html> 
<head> 
<title>Andrew soundboard!</title> 
<style> 
h1{ 
text-align:center; 
} 
</style> 
</head> 
<body> 
<h1>Andrew Soundboard!</h1> 
<br> 
<video width="320" height="240" controls="controls" autobuffer> 
<source src="IMG_3558.mp4" type="video/mp4"> 
<object data="" width="320" height="240"> 
<embed width="320" height="240" src="IMG_3558.mp4"> 
</object> 
</video> 
<br> 
FREAK OUT #1 

<br><br> 

<video width="320" height="240" controls="controls" autobuffer> 
<source src="IMG_3559.mp4" type="video/mp4"> 
<object data="" width="320" height="240"> 
<embed width="320" height="240" src="IMG_3559.mp4"> 
</object> 
</video> 
<br> 
STOP IT! 

</body> 
</html>

来源

2016-04-21 C. Liuzza

你确定你的视频在你的服务器上，并且完全按照你的代码命名吗？（“IMG_3559.mp4”） –

我的代码没有问题http://codepen.io/tuga/pen/PNaLRM，请确保第二个视频存在并且编码正确。 –

似乎没有要什么你的代码错误。所以可能的问题是：

您的视频在您的服务器上（或者如果在计算机上运行，在可访问的文件夹中）？
你是否正确链接到你的视频（在正确的文件等）？
您的视频是否与您的HTML具有完全相同的文件名？
您的视频是否具有与HTML相同的文件扩展名？（.mp4，.mov等）

希望这有助于！

来源

2016-04-21 01:19:34

HTML5视频标签无法正常工作

回答

相关问题