<!DOCTYPE html>
<html lang="en">
<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>video</title>
</head>
<body>
<div id="playercontainer"></div>
</body>
<script src="./lib//cyberplayer-3.4.1/cyberplayer.js"></script>
<script type="text/javascript">
var player = cyberplayer("playercontainer").setup({
width: 960, // 宽度,也可以支持百分比(不过父元素宽度要有)
height: 540, // 高度,也可以支持百分比
title: "基本功能", // 标题
file: "./assets/2.flv", // 播放地址
//hls http://cyberplayer.bcelive.com/videoworks/mda-kbuhu4wqdi08dwix/cyberplayer/hls/cyberplayer-demo.m3u8
//flv http://cyberplayer.bcelive.com/videoworks/mda-kbuhu4wqdi08dwix/cyberplayer/flv/cyberplayer-demo.flv
//
image: "http://cyberplayer.bcelive.com/thumbnail.jpg", // 预览图
autostart: false, // 是否自动播放
stretching: "uniform", // 拉伸设置
repeat: false, // 是否重复播放
volume: 50, // 音量
controls: true, // controlbar是否显示
starttime: 0, // 视频开始播放时间点(单位s),如果不设置,则可以从上次播放时间点续播
logo: { // logo设置
linktarget: "_blank",
margin: 8,
hide: false,
position: "top-right", // 位置
file: "./img/logo.png" // 图片地址
},
ak: "xxxxxxxxx" // 公有云平台注册即可获得accessKey
});
</script>
</html>
百度的播放器demo cyberplayer
猜你喜欢
转载自blog.csdn.net/weixin_38331049/article/details/104686571
今日推荐
周排行