jw player学习笔记三---发布到其它网站
一、通过官网发布向导
登陆 http://www.longtailvideo.com,注册一个账号,进入你的用户管理中心,如下图
然后按提示,一步步操作,就会得到js代码了。
二、自己服务器发布
<script src="http://xx.com/jwplayer/js/jwplayer.js" type="text/javascript"></script>
<script src="http://xx.com/jwplayer/js/jwpsrv.js" type="text/javascript"></script>
<div id="container"></div>
<script type="text/javascript">
jwplayer("container").setup({
html5player:"http://xx.com/jwplayer/js/jwplayer.html5.js",
flashplayer:"http://x.com/jwplayer/js/jwplayer.flash.swf",
file: "http://xxp.com/jwplayer/uploads/1.mp4",
image: "http://xx.com/jwplayer/uploads/snapshot.jpg",
title:"来自PANDA的视频"
});
</script>
三、两种发布方式的区别:
官网向导方式,我们会得到
<script src="http://jwpsrv.com/library/dO5_Ul5aEeO5FBIxOQfUww.js"></script>
这个js内容和最新版的jwplayer.js一致,随机字符串用于统计,这样我们在官网登陆账号去看数据概况。
四、注意事项:
1、Note
two very common issues prevent smooth playback of videos in Internet Explorer 9/10. First, you need to set <!DOCTYPE
html> to prevent triggering IE's quirks mode. Second, your videos must be served with the video/mp4 mimetype
or IE will refuse to play them.
测试的时候,发现chrome对格式也有要求,错误如下:
能显示截图,但是播放时就提示不能播放。然而,在本地是可以播放。暂时原因不明,以后补上!------
后来,换成官网demo的MP4文件,在各主流浏览器下测试通过。
测试时,jwplayer.html5.js
版本号:6.0.4296
2、嵌入方式
Note
this is also the only embed
syntax JW Player supports. Setups using a <video>, an <embed> tag or SWFObject will not work with JW Player 6.
即jw6只能通过js方式嵌入。setup方式
jw player学习笔记三---发布到其它网站的更多相关文章
- jw player学习笔记
一.是否支持IE7/8 本地离线播放不支持IE7/8,部署在服务器上时可以. 本地播放报错示意图 二.如何去Logo 1.网页版--HTML5---破解 桌面浏览器看到的效果: jwplayer(&q ...
- jw player学习笔记----跨域请求
需求来源:播放器皮肤文件请求不到,被限制了. 参考官网解决方案: http://www.longtailvideo.com/support/jw-player/28844/crossdomain-fi ...
- 物联网学习笔记三:物联网网关协议比较:MQTT 和 Modbus
物联网学习笔记三:物联网网关协议比较:MQTT 和 Modbus 物联网 (IoT) 不只是新技术,还是与旧技术的集成,其关键在于通信.可用的通信方法各不相同,但是,各种不同的协议在将海量“事物”连接 ...
- openresty 学习笔记三:连接redis和进行相关操作
openresty 学习笔记三:连接redis和进行相关操作 openresty 因其非阻塞的调用,令服务器拥有高性能高并发,当涉及到数据库操作时,更应该选择有高速读写速度的redis进行数据处理.避 ...
- Oracle学习笔记三 SQL命令
SQL简介 SQL 支持下列类别的命令: 1.数据定义语言(DDL) 2.数据操纵语言(DML) 3.事务控制语言(TCL) 4.数据控制语言(DCL)
- [Firefly引擎][学习笔记三][已完结]所需模块封装
原地址:http://www.9miao.com/question-15-54671.html 学习笔记一传送门学习笔记二传送门 学习笔记三导读: 笔记三主要就是各个模块的封装了,这里贴 ...
- JSP学习笔记(三):简单的Tomcat Web服务器
注意:每次对Tomcat配置文件进行修改后,必须重启Tomcat 在E盘的DATA文件夹中创建TomcatDemo文件夹,并将Tomcat安装路径下的webapps/ROOT中的WEB-INF文件夹复 ...
- java之jvm学习笔记三(Class文件检验器)
java之jvm学习笔记三(Class文件检验器) 前面的学习我们知道了class文件被类装载器所装载,但是在装载class文件之前或之后,class文件实际上还需要被校验,这就是今天的学习主题,cl ...
- VSTO学习笔记(三) 开发Office 2010 64位COM加载项
原文:VSTO学习笔记(三) 开发Office 2010 64位COM加载项 一.加载项简介 Office提供了多种用于扩展Office应用程序功能的模式,常见的有: 1.Office 自动化程序(A ...
随机推荐
- Java——Random类随机整数---18.10.11
一.Random类的定义 1.Random类位于java.util包中,主要用于生成 伪随机数 2.random类将 种子数 作为随机算法的起源数字,计算生成伪随机数,其与生成的随机数字的区间无关 3 ...
- 从0开始 java 网站开发(jsp)【1】
前提:安装java 并配置环境变量 java下载地址: http://www.java.com/zh_CN/ 环境变量配置 本地PC路径: 电脑--属性--高级--环境变量 在系统变量中: 新建 名: ...
- XML文件中关键字自动提示和不全配置
一.获得mybatis-3-config.dtd.mybatis-3-mapper.dtd 这两个文件. 建立一个Maven的项目 在Pom.xml文件中的Mybatis jar包的下载设置(也可以从 ...
- SpringCloud项目,接口调用返回http 500 - Internal Server Error的错误
今天上班的时候,自己正在参与的Spring Cloud项目出现了问题,原本上周五还正常的项目突然所有接口调用都是返回http 500的错误. 项目的状态是在Eureka上可以看到对应微服务是在线状态, ...
- How to find your web part
When we deploy a web part, we can find it on any pages through the follow steps: Firstly, ...
- Wireshark lua dissector 对TCP消息包合并分析
应用程序发送的数据报都是流式的,IP不保证同一个一个应用数据包会被抓包后在同一个IP数据包中,因此对于使用自制dissector的时候需要考虑这种情况. Lua Dissector相关资料可以见:ht ...
- 虚拟现实-VR-UE4-LEAP-Motion手势识别
点击打开链接今天到手一个新东西,LEAP手势识别仪. 关于LEAP Leap是一家面向PC以及Mac的体感控制器制造公司. 具体信息百度百科http://baike.baidu.com/link?ur ...
- VSCode 前端必备插件
VSCode 前端必备插件 Debugger for Chrome 让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试 { "versio ...
- Laravel 5.5 创建全局公共函数
一.需求 我在使用 Laravel 进行项目逻辑处理的时候要加载一些方法,需要全局调用 这个方法又必须得是一个全局函数,因此需要给 Laravel 创建全局的公共函数 二.实现 1.创建文件 在 ap ...
- 从传统IT快速走向公共云计算
2年前有篇报道,说Facebook的每个运维同学至少能管理2万台服务器,这在当时的国内互联网引起了很大震动,按照传统IT的理解,每个运维同学能管理200台服务器已经很了不起了. 这些年来云计算发展非常 ...