网页视频播放方案chimee 组件使用

1、概述

鉴于目前 H5-Video 在 Web 生态环境中存在较大差异化（兼容性）的表现，本文主要介绍使用奇舞团开发chimee 组件进行视频播放的用法。

chimee 组件地址：

http://chimee.org/docs/index.html

2、chimee 组件特点

Chimee支持MP4、M3U8、FLV等多种媒体格式，同时它也帮我们解决了大部分的兼容性、差异化问题，包括全屏、自动播放、内联播放、直播解码等常见媒体播放需求。

3、PC端 Chimee-Player解决方案

<!DOCTYPE html>
<html lang="zh"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><title>PC端 Chimee-Player解决方案</title></head><body><div id="wrapper">            </div><script src="http://lib.baomitu.com/chimee-player/1.1.10/chimee-player.browser.js"></script><script>new ChimeePlayer({wrapper: '#wrapper', // video dom容器
                src: 'http://chimee.org/vod/1.mp4',controls: true});</script></body></html>

4、移动端 Chimee-Mobile-Player解决方案

<!DOCTYPE html>
<html lang="zh"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><title>移动端 Chimee-Mobile-Player解决方案</title></head><body><div id="wrapper"></div><!--注意路径--><script src="chimee-mobile-player.js" type="text/javascript" charset="utf-8"></script><script>new ChimeeMobilePlayer({wrapper: '#wrapper', // video dom容器
                src: 'http://chimee.org/vod/1.mp4',autoplay: true,controls: true,playsInline: true,preload: true,x5VideoPlayerFullscreen: true,x5VideoOrientation: true,xWebkitAirplay: true,muted: true});</script></body></html>

chimee-mobile-player.js文件位于：https://github.com/Chimeejs/chimee-mobile-player/edit/master/lib/chimee-mobile-player.browser.js

网页视频播放方案chimee 组件使用相关推荐

网页视频播放方案-jaris flv player和ckplayer
一.两者的共同点: 1.都能播放flv.mp4.mp3格式的视频.音频文件. 2.都能设置视频载入前的展示图片. 3.都能满足常规需求. 二.不同点: 1.jaris player完全免费,简单,无绑 ...
网页视频播放的去Flash方案
Flash的衰落在过去的10多年时间里(从2004年到2018年),网页视频播放一直是Flash技术的天下,我们所熟悉的众多视频网站和新闻门户网站一直都在使用Flash技术来播放网页视频.这里的主要 ...
7款Flash和Javascript网页视频播放器
Flash和javascript网页视频播放器.梦想中的视频播放器是这样的: 支持所有格式,兼容所有主流视频网站,支持播放列表.视频缩略图.全屏播放.画面调节.预加载.体积贼小,功能贼多--. 也许你 ...
Flash和Javascript网页视频播放器
7款Flash和Javascript网页视频播放器(转载) 2011-01-22 20:26:27| 分类: 英语学习|字号订阅我用有道阅读看到这篇好文,希望和大家分享.我的看法是: 以下原文转 ...
unity android全景视频播放,Unity VR——全景视频播放方案
前言: 本篇文章给大家介绍下的是Unity VR开发中全景视频播放方案,最近在做一个Unity 3D的视频类游戏,由于要应用到VR设备里面,所以需要播放的是全景视频,而非普通的平面视频. 方案列举一 ...
【分享】分享一款不错的网页视频播放器
作为一名前端开发,在做页面时会碰到视频展示,一般都是用 flash 加载视频源文件,可惜功能太少,而且支持的视频格式有限.下面给大家分享一款不错的视频播放器--ckplayer(超酷网页视频播放器). ...
基于vue2.0实现音乐/视频播放进度条组件的思路及具体实现方法+代码解释
基于vue2.0实现音乐/视频播放进度条组件的方法及代码解释需求分析: ①:进度条随着歌曲的播放延长,歌曲播放完时长度等于黑色总进度条长度:时间实时更新. ②:当滑动按钮时,实时更新播放时间,橙色进 ...
ckplayer ajax,谁能帮我做一个脚本啊？能让这个网页视频播放可以拉动进度条可以快进...
谁能帮我做一个脚本啊?能让这个网页视频播放可以拉动进度条可以快进 $('.c_type').click(function(){ var data_id = $(this).attr('data-id ...
比较好的网页视频播放器总结
最近尝试了几个网页视频播放器,主要有Video.js,Ckplayer,Jwplayer.这三款使用简单,提高大量的JavaScript函数API,容易操控. Video JS是一个基于JavaScr ...

网页视频播放方案chimee 组件使用

网页视频播放方案chimee 组件使用相关推荐

最新文章

热门文章