解决express video 手机无法播放的问题

http://stackoverflow.com/questions/24976123/streaming-a-video-file-to-an-html5-video-player-with-node-js-so-that-the-video-c

项目地址 https://github.com/shenggen1987/mp4-demo

express index.jade

extends layoutblock contenth1= titlep Welcome to #{title}video(src="/video" controls="controls" type="video/mp4" width="320px" height="480px")

　express routes/users.js

var express = require('express');
var router = express.Router();/* GET users listing. */
router.get('/', function(req, res, next) {//res.send('respond with a resource');var fs = require("fs") ;//var video = fs.createReadStream('./public/images/sina.mp4');//res.set('Content-Type', 'video/mp4');//video.pipe(res)var file = './public/images/sina.mp4';fs.stat(file, function(err, stats) {if (err) {if (err.code === 'ENOENT') {// 404 Error if file not foundreturn res.sendStatus(404);}res.end(err);}var range = req.headers.range;if (!range) {// 416 Wrong rangereturn res.sendStatus(416);}var positions = range.replace(/bytes=/, "").split("-");var start = parseInt(positions[0], 10);var total = stats.size;var end = positions[1] ? parseInt(positions[1], 10) : total - 1;var chunksize = (end - start) + 1;res.writeHead(206, {"Content-Range": "bytes " + start + "-" + end + "/" + total,"Accept-Ranges": "bytes","Content-Length": chunksize,"Content-Type": "video/mp4"});var stream = fs.createReadStream(file, { start: start, end: end }).on("open", function() {stream.pipe(res);}).on("error", function(err) {res.end(err);});});});module.exports = router;

转载于:https://www.cnblogs.com/shenggen/p/5667910.html

解决express video 手机无法播放的问题相关推荐

html5 video 手机上播放和下载的问题
公司最近使用html5做的个即时聊天工具 ,功能是可以发送视频文件,直接在浏览器中播放,视频格式只能采用mp4,所以只兼容部分浏览器,不能播发的直接下载视频资源,问题就出在这了,mp4格式的视频居然不 ...
解决html5中video标签无法播放mp4问题的办法
解决html5中video标签无法播放mp4问题的办法参考文章: (1)解决html5中video标签无法播放mp4问题的办法 (2)https://www.cnblogs.com/it-tsz/p ...
解决微信浏览器video标签自动播放视频失效
正常在浏览器好好的视频,在微信内置浏览器中点击播放全屏,样式也不一样,自动播放失效.罪魁祸首是微信把video标签都成微信规则的了.下面方式可以解决视频播放全屏以及不能自动播放的问题. <vid ...
解决 html5 中 video 标签无法播放 m3u8
步入正题前段时间写项目时候遇到一个问题,在 H5 页面上无法播放 m3u8 后缀的视频,经过不断的查阅资料发现,通过一段代码可解决,但是!除非浏览器支持,否则请转码. <script src= ...
关于html5的video标签不能播放视频的问题及解决方法
最近实习过程中遇到了音频视频流的格式问题,进行了一些学习和总结. 问题背景使用html5中的 video 标签去播放视频,但是发现有的flv/mp4格式的视频可以播放,有的flv/mp4格式的视频不 ...
解决ios浏览器视频无法播放问题
今天遇到一个奇怪的问题,下面这段代码,在安卓手机任何浏览器都可以正常播放,ios手机在微信直接打开连接和Safari浏览器可以正常播放,但在QQ.UC和夸克浏览器不能正常播放,然后一顿查找,并没有找到 ...
HLS播放：html5下用video标签来播放m3u8格式的视频
HLS播放:html5下用video标签来播放m3u8格式的视频 <video class="tvhou" width="100%" height=&qu ...
pc端video视频播放的注意点，video兼容ie播放
问题:pc端使用video播放视频,ie浏览器出现视频解析错误导致问题原因:pc端页面中,直接在html中放入多个video标签,12个左右,点击每一个让它自己播放. 解决方案:不要直接在html中 ...
苹果mac系统下浏览器video无法自动播放问题
我们在做手机Android/iOS开发的时候,声音一般都是无法自动播放的,桌面PC版的Safari浏览器在2017年也宣布禁止带有声音的多媒体自动播放功能,后来谷歌发布了最新的Chrome 66浏览器 ...

解决express video 手机无法播放的问题

解决express video 手机无法播放的问题相关推荐

最新文章

热门文章