将MP4文件在网页端播放

需要用到的工具：nginx、GMPullerX、vlc
https://www.cnblogs.com/taiyonghai/p/9402734.html
[nginx Windows详细安装部署教程，转载]

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>video.js</title>
<meta charset="utf-8">
<link href="https://unpkg.com/video.js@6.11.0/dist/video-js.min.css" rel="stylesheet">
<style>
.video-div {float: left;
}
</style>
</head>
<body><div><button type="button" οnclick="javascript:p(1)">视频1</button></div><div class="video-div"><video id="player1" class="video-js" controls><source src="" type="application/x-mpegURL" id="video"><p class="vjs-no-js">not support</p></video></div>
</body>
</html>
<!-- <script type="text/javascript" src="../../../assets/global/plugins/jquery.min.js"></script> -->
<!--<script type="text/javascript" src="jquery.min.js"></script>-->
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="https://unpkg.com/video.js@6.11.0/dist/video.min.js"></script>
<script src="https://unpkg.com/videojs-flash/dist/videojs-flash.js"></script>
<script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script><script type="text/javascript">var player = videojs('player1', {width : 400,heigh : 200});function playUrl(url){player.src({src: url, type: "application/x-mpegURL"});player.play();}function p(n){var url="";if(n==1) url="http://192.168.0.21:9998/hls/1000.m3u8";playUrl(url);}
</script>

将MP4文件在网页端播放相关推荐

纯前端如何在网页端播放摄像头的实时画面
Python微信订餐小程序课程视频 https://edu.csdn.net/course/detail/36074 Python实战量化交易理财系统 https://edu.csdn.net/cou ...
Ubuntu网页端播放音乐失败
Ubuntu网页端播放音乐失败因为网页版的qq音乐或者网易云音乐都把音频换成了AAC格式,这必须要下载特定的解码器才能播放音乐,所以只用在终端输入一条命令就可以安装能大多数音频解码器 sudo ap ...
直播相关的html5网页端播放器
如下两个链接为,七牛基于其他开源播放器做的html5播放器demo: https://github.com/pili-engineering/pili-html5-player-example htt ...
2021年最新Chrome、Firefox等浏览器网页端播放海康威视、大华RTSP视频流方案大汇总
自从2015年Chrome.Firefox等浏览器取消NPAPI插件后,WEB网页播放海康威视.大华等摄像头RTSP流成为难题,尤其是低延迟同时播放多路或者高清视频,网上各种转码转流方案纷繁复杂,找到 ...
实现MP4文件边下载边播放
最近遇到的需求,在老系统中有部分MP4视频在播放时需要完全加载完才能播放,使得用户体验很差(现在都是边下载边播放模式),造成这种情况的原因是用来描述MP4文件的moov atom元数据被放在MP4文件 ...
文档文件等网页端预览功能
要实现word.ppt.excel.pdf等文档在web应用端预览功能,目前一般做法为: 在页面的显示效果: 主要用的工具: Openoffice4(windows.linux):SWFTools ...
mp4 视频在网页上播放不了
IIS 添加 MIME类型"框中输入"application/octet-stream web.config 视频转换器在把视频转换成MP4格式时应当首选第一个转载于:ht ...
浏览器没办法播放html文件,ie浏览器使用video标签无法播放mp4文件
ie11浏览器,使用bottle.py提供文件浏览服务,html5浏览mp4视频,测试ie浏览器上无法播放,显示无效的视频源. 从网上下载了一个好的mp4文件,可以在ie浏览器上播放,问题应该在2个地 ...
html在线播放mp4文件,关于使用Html audio标签播放视频文件的问题
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦: Html 标签的使用,如果不考虑浏览器兼容,无非就是路径设置的问题导致 ...
wordpress MP4视频在网页中无法播放的情况解决方式
1.MP4视频在网页上播放我们遇到过很多朋友,在制作网站的时候都会放上一个视频用以介绍公司信息或者产品,如果使用优酷土豆等第三方视频媒体的视频外链服务的话,会有较长的广告,这样对于我们的视频播放造成 ...

将MP4文件在网页端播放

将MP4文件在网页端播放相关推荐

最新文章

热门文章