如何在 html5 标签中查看视频?

Posted

技术标签:

【中文标题】如何在 html5 标签中查看视频?【英文标题】:How to view video in html5 tag? 【发布时间】:2015-12-30 08:38:50 【问题描述】:

我想询问有关如何在我的浏览器上播放视频的问题。当我尝试将视频文件加载到浏览器时,它什么也不显示。老师说可能是因为浏览器不支持html5。

你们的想法是什么。我希望得到您的积极回应。

【问题讨论】:

您的浏览器和代码语言是什么(asp.net、html...)? “它什么都不显示”是什么意思 - 它显示一些黑色矩形、空视频等。你应该从w3schools.com/html/html5_video.asp开始 Simply read the documents on the video tag 【参考方案1】:

你可以试试这个:

<body> 

<video  controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
  Your browser does not support HTML5 video.
</video>

<p>
Video courtesy of 
<a href="http://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.
</p>

</body> 

请参考本页

SEE THE PAGE

【讨论】:

我已经试过这个 ivin raj 但还是不行,谢谢你的想法。 没关系,@junerd 先生,我也在为您的解决方案尝试更好的答案【参考方案2】:

如果你的老师说你的浏览器不支持 html5。

尝试在您的浏览器中仔细检查,例如。如果你使用 chrome

转到菜单 --> 设置 --> 关于,如果说需要更新,请单击更新。

带有 html5 标签的 Chrome 支持。如果不是真的很奇怪。

更多信息可以在这里查看https://html5test.com/results/desktop.html

对于编码部分

<video  controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
  Your browser does not support HTML5 video.
</video>

它工作,我已经在这里做了一个测试显示

【讨论】:

【参考方案3】:

您是否尝试过使用它 视频标签,

<video id="samp" src="sampvideo.mov" controls> </video>

这应该可以工作

【讨论】:

您是否尝试过通过 谢谢,samrat sarkar,coderstutorial.blogspot.com 尝试在 video 标签中使用 src 指令

以上是关于如何在 html5 标签中查看视频?的主要内容,如果未能解决你的问题,请参考以下文章

使用视频标签html5时如何在移动设备上显示视频缩略图

如何检测 HTML5 视频标签支持的视频格式?

如何在 HTML5 中隐藏视频标签的全屏按钮

html5如何实现自动播放视频

如何完美同步两个或多个 html5 视频标签?

如何通过 HTML5 视频标签播放 YouTube 视频