本源码以腾讯视频播放器SDK为内核,支持MP4、m3u8等格式,这是做了简单的开发,后期看情况升级吧

腾讯云点播文档中心
点播超级播放器是通过 HTML5 的<video>标签以及 Flash 实现视频播放。在浏览器不支持视频播放的情况下,实现了视频播放效果的多平台统一体验,并结合腾讯云点播视频服务,提供防盗链和播放 HLS 普通加密视频等功能。

腾讯视频播放器SDK解析,直播、点播实例插图腾讯视频播放应用代码:


<!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”

360模板吧,累计帮助1000+用户成功建站,为草根创业提供助力!
360模板吧 » 腾讯视频播放器SDK解析,直播、点播实例

发表评论

开通VIP 享更多特权,建议使用QQ登录