将我的视频放入HTML代码

时间:2018-05-26 14:39:14

标签: html video

我使用motionEye(对于安全系统)从我的树莓录制视频,但如果我尝试将它们插入HTML页面,他们就无法工作。 我该怎么办?

这些是motionEye编解码器:  https://i.stack.imgur.com/3pDFr.png

这是我的标记视频:

<video style="width: 23%; height: 23%; margin-right: 5%; margin-left: 5%; margin-bottom: 5%;" controls><source src="/home/pi/Desktop/video/2018-05-26/14-27-06.mp4" type="video/mp4"></video>

更新

网页向我展示了这些视频,但我无法播放它们。使用chrome它们是灰色的并且使用firefox存在MIME兼容性问题。

我的Raspberry(带有Raspbian)的网页和视频位于同一个文件夹中。

2 个答案:

答案 0 :(得分:0)

我认为问题来自 src ,请尝试放置视频的完整路径。

答案 1 :(得分:0)

如果您在Windows计算机上有此视频,那么您的src应该是这样的:

src="file:///C:/Users/{USERNAME}/Documents/home/pi/Desktop/video/2018-05-26/14-27-06.mp4"

如果您将视频上传到服务器:

src="http://{NAMEOFDOMAIN.COM}/{PATH}/{TO}/home/pi/Desktop/video/2018-05-26/14-27-06.mp4"

BTW,如果您使用最兼容的编解码器编码视频:H264在选择编解码器,文件类型,传送方式等时,始终以最广泛的用户为目标。

演示

<小时/>
<video style="width: 23%; height: 23%; margin-right: 5%; margin-left: 5%; margin-bottom: 5%;" controls><source src="file:///C:/Users/{USERNAME}/Documents/home/pi/Desktop/video/2018-05-26/14-27-06.mp4" type="video/mp4"></video>