Javascript 在HTML5Web中显示视频_Javascript_Html_Video_Browser

Javascript 在HTML5Web中显示视频

javascript html video browser

Javascript 在HTML5Web中显示视频,javascript,html,video,browser,Javascript,Html,Video,Browser,我需要在我的网页上播放视频。我使用以下代码来测试它。结果显示播放器，但不会播放视频。我使用更新的chrome作为我的网络浏览器 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> <video controls=controls> <source src = "q.mp4" type="

我需要在我的网页上播放视频。我使用以下代码来测试它。结果显示播放器，但不会播放视频。我使用更新的chrome作为我的网络浏览器

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>

<video controls=controls>
    <source src = "q.mp4" type="video/mp4"/> 
</video>

</body>
</html>

注意-我的视频和网页包含在同一文件夹中

我更改源代码如下

<video width="400" height="300" controls>
       <source src="video.m4v" type="video/mp4">
       <source src="video.webm" type="video/webm" />
       <source src="video.ogg" type="video/ogg" />
</video>

现在webm文件在我的Waterbox浏览器中播放，但在chrome和IE上播放视频的结果是一样的，您可以试试这个

<video width="400" height="300" controls>
  <source src="q.mp4" type="video/mp4">
  <object data="q.mp4" width="400" height="300">
  </object>
</video>

chrome可能不支持mp4文件的编码

如果上述方法无效，您可以尝试使用html5播放视频，然后使用flash player。

有两种方法可以做到这一点

使用J query插件，如video.js或使用HTML5

尝试为所有视频文件提供适当的编解码器。像这样：

<video width="400" height="360" controls>
  <source src="video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
  <source src="video.webm" type='video/webm; codecs="vp8, vorbis"'>
  <source src="video.ogv" type='video/ogg; codecs="theora, vorbis"'>
    Your browser does not support the video tag.
</video>

我下载了video.js。有一个演示页面，如果我正确的话，它应该播放视频，但它有相同的问题，你正在使用哪个浏览器？是不是HTML5浏览器？你能描述一下Video.js的问题吗？因为Video.js在我的chrome和Mozilla firefox上运行得很好，修复了现在使用webm在chrome和firefox上播放视频的问题。但是机器人与IEGo一起工作到项目文件夹，并直接从浏览器运行网页来检查它。。。如果使用VS之类的开发工具，调试可能不会给出正确的结果