本源码以腾讯视频播放器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 普通加密视频等功能。

腾讯视频播放器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”

1.使用本站下载的源码仅限于个人学习和非商业用途。
2.禁止将本站下载的源码用于搭建或支持任何违法、淫秽、暴力或侵犯他人合法权益的网站或应用。
3.使用本站下载的源码需遵守国家法律法规及相关规定,不得从事任何违法活动。
4.如若本站内容侵犯了原著者的合法权益,请联系我们进行处理。