• 资源介绍
  • 本源码以腾讯视频播放器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”

    喜欢 0
    1. 本站所有源码、模板、插件等其他资源,都不包含免费技术服务请大家谅解!
    2. 本站提供的所有资源不免费提供个人需要的资源修改、美化、功能定制!
    3. 如遇需要解压密码,则解压密码为"www.360mb.net"!
    4. 由于源码属于可复制性产品,发货后禁止买家以各种理由退款!!
    5. 本站提供资源如遇源码失效,功能异常等等可提供退款服务,可参考《退款规则》!
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    7. 如用于商业或者非法用途,与本站无关,一切后果请用户自负!

    360模板吧 » 腾讯视频播放器SDK解析,直播、点播实例

    发表评论