H5的video视频播放
0
悬赏园豆：5
[已解决问题]
解决于 2018-12-11 11:33
video如何播放文件流？
<video preload="auto" controls="controls" width="100%">
<source src="http://www.hzz.qa/api/basis/file/download?attachmentId=4" type='video/mp4'>
</video>
src里面是一个请求的地址，用a标签直接打开这个地址就会把视频下载下来，返回的数据为文件流格式
最佳答案
0
video 元素你后面写的Type是 video/mp4 ,那么这个src 不应该是个流的下载地址，应该是一个视频文件类似 Demo.mp4
<video preload="auto" controls="controls" width="100%">
<source src="D:\Demo.mp4" type='video/mp4'>
</video>
自己搞个视频放相应目录直接执行就可以，服务器放根目录下给权限，就可以直接播放
收获园豆：5
你这个是最基础的，我不要这种啊，我只要我这种文件流的
@美丽的张姑凉: vide 只支持MP4、WebM、Ogg，目前MP4支持的最好
如果想用video，就只能下载下来，填写绝对路径
如果想用文件流，就需要用第三方插件了
国内的有 ckplayer 的 flash 版本支持 RTMP
国外的videojs 也支持 rtmp
前提是他们都是flash版本的，你可以去看下
@神棍德: 谢谢大神提示，我用的video.js已解决了
@美丽的张姑凉: 刚才用video.js解决的代码是：
<!DOCTYPE html>
<html lang="zh">
<head>
<link href="https://vjs.zencdn.net/7.3.0/video-js.css" rel="stylesheet">
<!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
<script src="https://vjs.zencdn.net/ie8/ie8-version/videojs-ie8.min.js"></script>
</head>
<body>
<video id="my-video" class="video-js" controls preload="auto" width="640" height="264"
poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
<source src="http://www.hzz.qa/api/basis/file/download?attachmentId=4" type='video/mp4'>
</video>
<script src="https://vjs.zencdn.net/7.3.0/video.js"></script></body>
</html>
其他回答(1)
0
<video preload="auto" controls="controls" width="100%">
<source src="http://www.hzz.qa/api/basis/file/download?attachmentId=4" type="application/vnd.apple.mpegurl" />
</video>
试试这个。你得既然是文件流，type就别用MP4了’
我这个我行，┭┮﹏┭┮
<video preload="auto" controls="controls" width="100%">
<source src="http://www.hzz.qa/api/basis/file/download?attachmentId=4" type='application/vnd.apple.mpegurl'>
</video>
我这样写的不行
@美丽的张姑凉: 可能你们公司需要自己上传。用不了外网，所以要用视频流的方式播放视频。
还是需要前后端配合的，
https://blog.csdn.net/weixin_37781081/article/details/83094675
这个地址论文你看下，让你们后台也看下，应该可以解决
