ie可以,手机播放也行,就是chrome不行,查了下说chrome不支持,要装插件,那我们总不可能让用户去装插件吧?

爹说的都是真理爹说的都是真理提问于
不知雨回答于
推荐

可以使用Video.js插件。说明:这款插件不需要在客户的浏览器上安装,而是在本地服务器上安装就行。

使用办法:

https://github.com/videojs/video.js 插件下载地址

第一步:引入Video.js和video.css

这里我们用远程资源

<link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
    <script src="https://unpkg.com/video.js/dist/video.js"></script>

由于m3u8视频的播放还需要额外插件videojs-contrib-hls.js才可支持,所以再引入videojs-contrib-hls.js即可

<script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>

第二步:加入video标签

<video id="my_video_1" class="video-js vjs-default-skin fillWidth" controls width="640" height="268"data-setup='{}'>
  <source src="http://10.57.180.133/coil/_definst_/0/0/0/000000000269_app.smil/playlist.m3u8" type="application/x-mpegURL">

</video>//如果不用videojs手动启用,那黄色部分代码是必须要有的,否则video.js无法找到该作用于哪个对象导致将失效

试过视频是在iframe中,由于iframe的安全机制,必须稍许设置才可正常全屏功能.

第四步:iframe允许全屏

<iframe allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" width='100%' height='98%' scrolling='no' frameborder='0' src='..............'></iframe>

只要包含了视频的iframe全都要加黄色背景代码才可正常全屏.

由于利用了第三方js辅助播放视频,不可避免的video.js会用脚本的方式请求资源在做处理,由于视频资源往往是另一台服务器,所以这里涉及到跨域问题,所以要保证视频资源是允许跨域访问的.

第五步:允许服务器跨域

这里用.net跨域举例:

在<system.webServer>节点下配置如下代码

到这里即可配置完成,无需客户安装插件

使用教程转载于:http://www.cnblogs.com/xiaoliangge/p/7248972.html

回答过的其他问题

通知类短信是要选审核模板和确定参数的么?能否自由组合内容呢?

文档内已经说得非常清楚了,通知类短信肯定是要选审核模板的,不然乱发短信就乱套了,自定义内容要看你怎么个自定义了,只要不出现违规内容应该都是没问题的,审核标准看这里https://cloud.tencent.com/document/product/382/13444#.E6.99...... 展开详请

IOS集成SDK时,程序无法安装是什么原因?

安卓播放器支持ott吗?

OTT TV?互联网电视吗?是安卓的话,可以,不过兼容性可能不太好 ... 展开详请

yum 安装不了?

正确安装yum了吗?或者yum安装了吗? 如果已经安装使用下面命令进行卸载然后重新安装看一下 1.卸载YUM rpm-qa | grep yum | xargs rpm -e--nodeps 2.安装 下载yum-3.2.28.tar.gz并解压 wget http://...... 展开详请

Android语音识别Demo code返回107,message提示鉴权失败,可能是什么原因?

单单是填写填写appid、secretId和secretKey是不行额的,看看这个文档

https://cloud.tencent.com/document/product/441/6203

Hadoop是什么?怎么使用呢?

推荐
hadoop是分布式系统基础架构,MapReduce才是用于大规模数据集的并行运算,在说说云计算,云计算的这个概率太广泛了,100个人出来有一百种解释。再说说三种的区别,答案就是:这三个根本就不是同一类型的东西。只能说这三个东西的关系是什么? 先说说hadoop和MaopRedu...... 展开详请

关于作者

所属标签

扫码关注云+社区

领取腾讯云代金券