本源码以腾讯视频播放器SDK为内核,支持MP4、m3u8等格式,这是做了简单的开发,后期看情况升级吧
[wm_wpbutton link=”https://1251520898.vod2.myqcloud.com/dc1d8ff3vodtranscq1251520898/26bbe9f65285890797385435261/drm/v.f240.m3u8?t=5eb241d3&us=8117087&sign=426b503f7f9f1ea617fac1bc30d4257f” target=”blank” variation=”yellow”]腾讯云点播文档中心[/wm_wpbutton]
点播超级播放器是通过 HTML5 的<video>标签以及 Flash 实现视频播放。在浏览器不支持视频播放的情况下,实现了视频播放效果的多平台统一体验,并结合腾讯云点播视频服务,提供防盗链和播放 HLS 普通加密视频等功能。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="referrer" content="no-referrer">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Qiniu Web Player Basic Demo</title>
<script src="https://imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer-2.3.3.js" charset="utf-8"></script>;
<style type="text/css">
html, body {width:100%;height:100%;margin:auto;overflow: hidden;}
</style>
</head>
<body>
<div id="id_test_video" style="width:100%; height:100%;"></div>
<script>
var player = new TcPlayer('id_test_video', {
m3u8: "<?php echo $_GET['url'];?>",//请替换成实际可用的播放地址
live:true,
autoplay : true, //iOS 下 safari 浏览器,以及大部分移动端浏览器是不开放视频自动播放这个能力的
poster : "https://cdn.jsdelivr.net/gh/cc963020001/image/30f07120fcc36c44a7e9edd99d9581a5.jpg",
width : '100%',//视频的显示宽度,请尽量使用视频分辨率宽度
height : '100%'//视频的显示高度,请尽量使用视频分辨率高度
});
</script>
</body>
</html>
注:如果直播“live”请设置为“true”,点播可以删除或者设置为“false”
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END