tcplayer.js 5.2.0-beta.1 → 5.3.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/dist/font/VideoJS.svg +6 -0
  2. package/dist/font/VideoJS.ttf +0 -0
  3. package/dist/font/VideoJS.woff +0 -0
  4. package/dist/lang/zh-CN.js +4 -0
  5. package/dist/libs/TXLivePlayer-1.3.5.min.js +1 -1
  6. package/dist/tcplayer.min.css +1 -1
  7. package/dist/tcplayer.v5.3.0.min.js +21 -0
  8. package/package.json +3 -3
  9. package/dist/console/vod-player-v3.html +0 -125
  10. package/dist/console/vod-player.html +0 -124
  11. package/dist/examples/vod/7447398155146701990.jpg +0 -0
  12. package/dist/examples/vod/7447398155146701990.vtt +0 -301
  13. package/dist/examples/vod/tcplayer-av1.html +0 -123
  14. package/dist/examples/vod/tcplayer-skip.html +0 -105
  15. package/dist/examples/vod/tcplayer-vod-all.html +0 -273
  16. package/dist/examples/vod/tcplayer-vod-audio-tracks.html +0 -66
  17. package/dist/examples/vod/tcplayer-vod-base-flash.html +0 -64
  18. package/dist/examples/vod/tcplayer-vod-base-native-control.html +0 -68
  19. package/dist/examples/vod/tcplayer-vod-base-v4-dash.html +0 -84
  20. package/dist/examples/vod/tcplayer-vod-base-v4-quality-api.html +0 -90
  21. package/dist/examples/vod/tcplayer-vod-base-v4.html +0 -78
  22. package/dist/examples/vod/tcplayer-vod-base.html +0 -76
  23. package/dist/examples/vod/tcplayer-vod-change-file-statistic.html +0 -79
  24. package/dist/examples/vod/tcplayer-vod-change-file.html +0 -76
  25. package/dist/examples/vod/tcplayer-vod-continue-play-by-fileid.html +0 -70
  26. package/dist/examples/vod/tcplayer-vod-continue-play-by-url.html +0 -72
  27. package/dist/examples/vod/tcplayer-vod-costom-host.html +0 -66
  28. package/dist/examples/vod/tcplayer-vod-custom-enter-full-viewport.html +0 -88
  29. package/dist/examples/vod/tcplayer-vod-custom-playcgi.html +0 -60
  30. package/dist/examples/vod/tcplayer-vod-custom-ui.html +0 -98
  31. package/dist/examples/vod/tcplayer-vod-definition.html +0 -71
  32. package/dist/examples/vod/tcplayer-vod-drm-fairplay.html +0 -165
  33. package/dist/examples/vod/tcplayer-vod-drm-token-auto.html +0 -101
  34. package/dist/examples/vod/tcplayer-vod-drm-token.html +0 -156
  35. package/dist/examples/vod/tcplayer-vod-drm-widevine.html +0 -165
  36. package/dist/examples/vod/tcplayer-vod-drm.html +0 -164
  37. package/dist/examples/vod/tcplayer-vod-dynamic-watermark.html +0 -85
  38. package/dist/examples/vod/tcplayer-vod-enter-full-viewport.html +0 -87
  39. package/dist/examples/vod/tcplayer-vod-event.html +0 -96
  40. package/dist/examples/vod/tcplayer-vod-ghost-watermark.html +0 -52
  41. package/dist/examples/vod/tcplayer-vod-hls-decrypt-key-tool.html +0 -215
  42. package/dist/examples/vod/tcplayer-vod-hls-decrypt-key.html +0 -76
  43. package/dist/examples/vod/tcplayer-vod-hls-encrypt-private.html +0 -97
  44. package/dist/examples/vod/tcplayer-vod-hls-encrypt.html +0 -61
  45. package/dist/examples/vod/tcplayer-vod-hls-masterplaylist.html +0 -65
  46. package/dist/examples/vod/tcplayer-vod-hls-token.html +0 -67
  47. package/dist/examples/vod/tcplayer-vod-image-patch.html +0 -66
  48. package/dist/examples/vod/tcplayer-vod-key.html +0 -87
  49. package/dist/examples/vod/tcplayer-vod-level-switch-tips.html +0 -85
  50. package/dist/examples/vod/tcplayer-vod-logo.html +0 -72
  51. package/dist/examples/vod/tcplayer-vod-mirror.html +0 -66
  52. package/dist/examples/vod/tcplayer-vod-mutil.html +0 -68
  53. package/dist/examples/vod/tcplayer-vod-no-control.html +0 -62
  54. package/dist/examples/vod/tcplayer-vod-no-progress.html +0 -64
  55. package/dist/examples/vod/tcplayer-vod-pdt-seek.html +0 -74
  56. package/dist/examples/vod/tcplayer-vod-playlist.html +0 -76
  57. package/dist/examples/vod/tcplayer-vod-preload.html +0 -74
  58. package/dist/examples/vod/tcplayer-vod-progress-marker.html +0 -64
  59. package/dist/examples/vod/tcplayer-vod-refer.html +0 -84
  60. package/dist/examples/vod/tcplayer-vod-size-adaptive.html +0 -70
  61. package/dist/examples/vod/tcplayer-vod-size-full-viewport.html +0 -68
  62. package/dist/examples/vod/tcplayer-vod-size.html +0 -70
  63. package/dist/examples/vod/tcplayer-vod-trial.html +0 -150
  64. package/dist/examples/vod/tcplayer-vod-vr.html +0 -133
  65. package/dist/examples/vod/tcplayer-vod-vtt-thumbnail-src.html +0 -71
  66. package/dist/examples/vod/tcplayer-vod-vtt-thumbnail.html +0 -65
  67. package/dist/examples/vod/tcplayer-vod-x5-playsinline.html +0 -65
  68. package/dist/examples/vod/tcplayer-vod-x5.html +0 -66
  69. package/dist/examples/vod/typlayer-vod-dynamic-init.html +0 -129
  70. package/dist/examples/webrtc/tcplayer-src-dynamic.html +0 -92
  71. package/dist/examples/webrtc/tcplayer-src-meeting.html +0 -206
  72. package/dist/examples/webrtc/tcplayer-src-webrtc-abr-new.html +0 -163
  73. package/dist/examples/webrtc/tcplayer-src-webrtc-abr.html +0 -235
  74. package/dist/examples/webrtc/tcplayer-src-webrtc-autoplay.html +0 -124
  75. package/dist/examples/webrtc/tcplayer-src-webrtc-change-src.html +0 -189
  76. package/dist/examples/webrtc/tcplayer-src-webrtc-mutilRes.html +0 -142
  77. package/dist/examples/webrtc/tcplayer-src-webrtc.html +0 -90
  78. package/dist/font/VideoJS.eot +0 -0
  79. package/dist/tcplayer.css +0 -2684
  80. package/dist/tcplayer.v5.2.0.min.js +0 -20
package/dist/examples/vod/tcplayer-skip.html DELETED
@@ -1,105 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">
7
- <title>腾讯云视频点播示例</title>
8
- <link href="https://web.sdk.qcloud.com/player/tcplayer/release/v4.6.0/tcplayer.min.css" rel="stylesheet"/>
9
-
10
- <!--播放器脚本文件-->
11
- <script src="https://testmig-1306264703.cos.ap-guangzhou.myqcloud.com/vin/tcplayer.v4.8.0.min.js"></script>
12
-
13
- <style>
14
- html,body{
15
- margin: 0;
16
- padding: 0;
17
- }
18
- .tcplayer {
19
- margin: 0 auto;
20
- }
21
- @media screen and (max-width: 640px) {
22
- #player-container-id {
23
- width: 100%;
24
- height: 270px;
25
- }
26
- }
27
- /* 设置logo在高分屏的显示样式 */
28
- @media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2) {
29
- .tcp-logo-img {
30
- width: 50%;
31
- }
32
- }
33
- </style>
34
- </head>
35
- <body>
36
-
37
- <div id="video-wrapper">
38
- <!-- 设置播放器容器 -->
39
- <video id="player-container-id1" preload="auto" width="640" height="360" playsinline webkit-playsinline>
40
- </video>
41
-
42
- <video id="player-container-id2" style="display: none" preload="auto" width="640" height="360" playsinline webkit-playsinline>
43
- </video>
44
- </div>
45
-
46
-
47
- <!--
48
- 注意事项：
49
- * 播放器容器必须为 video 标签
50
- * player-container-id 为播放器容器的ID，可自行设置
51
- * 播放器区域的尺寸请按需设置，建议通过 css 进行设置，通过css可实现容器自适应等效果
52
- * playsinline webkit-playsinline 这几个属性是为了在标准移动端浏览器不劫持视频播放的情况下实现行内播放，此处仅作示例，请按需使用
53
- * 设置 x5-playsinline 属性会使用 X5 UI 的播放器
54
- -->
55
- <script>
56
- var player = TCPlayer('player-container-id1', { // player-container-id 为播放器容器ID，必须与html中一致
57
- autoplay: true,
58
-
59
- // 6. AES
60
- fileID: '243791576943072647',
61
- appID: '1306264703',
62
- psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTk3MSwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.FOcmChHfrGY9tYCDn20MSQi-IqvQ9U_U6qLNgx9MhLg',
63
-
64
-
65
- hlsConfig: {
66
- skip: true,
67
- }
68
-
69
- });
70
-
71
- window.player = player;
72
-
73
- player.on('error', function(e) {
74
- if (e.data.code === 4) {
75
-
76
- if (window.player) {
77
- // 先隐藏 再延时销毁，否则会报错
78
- document.getElementById('player-container-id1').style.display = 'none';
79
- setTimeout(function() {
80
- window.player.pause();
81
- window.player.dispose();
82
- }, 1000);
83
- }
84
-
85
-
86
- document.getElementById('player-container-id2').style.display = 'block';
87
- var player = TCPlayer('player-container-id2', { // player-container-id 为播放器容器ID，必须与html中一致
88
- autoplay: true,
89
-
90
- // 6. AES
91
- fileID: '243791576943072647',
92
- appID: '1306264703',
93
- psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTk3MSwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.FOcmChHfrGY9tYCDn20MSQi-IqvQ9U_U6qLNgx9MhLg',
94
-
95
- fakeFullScreen: true,
96
- hlsConfig: {
97
- skip: false,
98
- }
99
- });
100
- }
101
- });
102
-
103
- </script>
104
- </body>
105
- </html>
package/dist/examples/vod/tcplayer-vod-all.html DELETED
@@ -1,273 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">
7
- <title>腾讯云视频点播示例</title>
8
- <link href="https://web.sdk.qcloud.com/player/tcplayer/release/v4.6.0/tcplayer.min.css" rel="stylesheet"/>
9
-
10
- <!-- <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.8.0/libs/hls.min.1.1.6.js"></script> -->
11
- <!-- <script src="http://127.0.0.1:8081/dist/hls.js"></script> -->
12
- <!--播放器脚本文件-->
13
- <!-- <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v5.2.0/tcplayer.v5.2.0.min.js"></script> -->
14
- <!-- <script src="https://vincentlli-1306264703.cos.ap-nanjing.myqcloud.com/tcplayer/tcplayer.v4.8.0.js"></script> -->
15
- <!-- <script src="https://webrtc-demo.myqcloud.com/pull-sdk/js/vconsole.min.js"></script> -->
16
-
17
- <!-- <script src="http://127.0.0.1:8081/dist/tcplayer-safe-check-plugin.1.1.0.js"></script> -->
18
- <script src="http://localhost:8080/dist/tcplayer.v5.1.0.min.js"></script>
19
-
20
- <script>
21
-
22
- </script>
23
-
24
-
25
- <style>
26
- html,body{
27
- margin: 0;
28
- padding: 0;
29
- }
30
- .tcplayer {
31
- margin: 0 auto;
32
- }
33
- @media screen and (max-width: 640px) {
34
- #player-container-id {
35
- width: 100%;
36
- height: 270px;
37
- }
38
- }
39
- /* 设置logo在高分屏的显示样式 */
40
- @media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2) {
41
- .tcp-logo-img {
42
- width: 50%;
43
- }
44
- }
45
- </style>
46
- </head>
47
- <body>
48
- <!-- 设置播放器容器 -->
49
- <video id="player-container-id" preload="auto" width="640" height="360" playsinline webkit-playsinline>
50
- </video>
51
- <button id="switch">切换</button>
52
- <!--
53
- 注意事项：
54
- * 播放器容器必须为 video 标签
55
- * player-container-id 为播放器容器的ID，可自行设置
56
- * 播放器区域的尺寸请按需设置，建议通过 css 进行设置，通过css可实现容器自适应等效果
57
- * playsinline webkit-playsinline 这几个属性是为了在标准移动端浏览器不劫持视频播放的情况下实现行内播放，此处仅作示例，请按需使用
58
- * 设置 x5-playsinline 属性会使用 X5 UI 的播放器
59
- -->
60
- <script>
61
- // var vConsole = new VConsole();
62
-
63
-
64
- // videojs.plugin('myPlugin', function() {
65
- // // 在插件初始化时执行的代码
66
- // var player = this;
67
-
68
- // // 在播放器准备就绪时执行的代码
69
- // player.ready(function() {
70
- // // 在播放器准备就绪时添加自定义按钮
71
- // var myButton = player.controlBar.addChild('button', {
72
- // text: 'My Plugin',
73
- // // 在按钮点击时执行的代码
74
- // onClick: function() {
75
- // // 在控制台打印一条消息
76
- // console.log('My Plugin button clicked!');
77
- // }
78
- // });
79
-
80
- // // 在播放器销毁时移除自定义按钮
81
- // player.on('dispose', function() {
82
- // player.controlBar.removeChild(myButton);
83
- // });
84
- // });
85
- // });
86
-
87
- TCPlayer.mountHlsProvider(true);
88
- var player = TCPlayer('player-container-id', { // player-container-id 为播放器容器ID，必须与html中一致
89
- // autoplay: true,
90
- // language: 'en',
91
- // 1. 历史数据，无psign场景
92
- // fileID: '5285890799710670616', // 请传入需要播放的视频filID 必须
93
- // appID: '1400329073', // 请传入点播账号的appID 必须
94
-
95
- // 2. 原始视频
96
- // fileID: '243791576943072647',
97
- // appID: '1306264703',
98
- // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTg4NSwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJPcmlnaW5hbCJ9LCJ1cmxBY2Nlc3NJbmZvIjp7ImRvbWFpbiI6IjEzMDYyNjQ3MDMudm9kMi5teXFjbG91ZC5jb20iLCJzY2hlbWUiOiJIVFRQUyJ9fQ.6tX8MyAMYaupCJeyfhUCf_K-li7nZoISeSxEk34R-lw',
99
-
100
- // 3. AES + widevine + fairplay
101
- // TODO:playcgi存在drmtoken覆盖问题，导致AES不可用，后端修复
102
- // fileID: '243791576943072647',
103
- // appID: '1306264703',
104
- // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTkwNSwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyLCJ3aWRldmluZURlZmluaXRpb24iOjEzLCJmYWlyUGxheURlZmluaXRpb24iOjExfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.Ip_APIRM7oPyLGGdzdAyPmYs0H3fqtP_hDuCRaKfHy4',
105
-
106
- // 4. AES + widevine
107
- // TODO:playcgi存在drmtoken覆盖问题，导致AES不可用，后端修复
108
- // fileID: '243791576943072647',
109
- // appID: '1306264703',
110
- // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTkzMCwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyLCJ3aWRldmluZURlZmluaXRpb24iOjEzfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.v6Tnc9RozzluhDOmsj2pQ920CBevpvUXW0jvzySjmME',
111
-
112
- // 5. AES + fairplay
113
- // TODO:playcgi存在drmtoken覆盖问题，导致AES不可用，后端修复
114
- // fileID: '243791576943072647',
115
- // appID: '1306264703',
116
- // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTk1NCwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyLCJmYWlyUGxheURlZmluaXRpb24iOjExfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.vRZS29srBfpGAVXiAixURviFJZel_Aq3jnC_V_bX7hk',
117
-
118
-
119
- // 客户drm 17 win + chrome 无法播放
120
- // appID: '1258708431', // 请传入点播账号的appID (必须)
121
- // fileID: '5285890818299311045', // 请传入需要播放的视频filID (必须)
122
- // psign:"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwY2ZnIjoiYWR2YW5jZURybVByZXNldCIsInVybEFjY2Vzc0luZm8iOnsidCI6IjY3QjRCOTQ0IiwidXMiOiIyZThiMDU5OGZkMzk0ZTIxYmNkNTg5YWNmMmM5Mzc4YiJ9LCJhcHBJZCI6MTI1ODcwODQzMSwiZXhwaXJlVGltZVN0YW1wIjoxNzM5ODk3MTU2LCJnaG9zdFdhdGVybWFya0luZm8iOnsidGV4dCI6IjE1OTAwNjcyMDk4LeWNkeW-ruWwj-W-kCJ9LCJjdXJyZW50VGltZVN0YW1wIjoxNzMyNjk3MTU2LCJmaWxlSWQiOiI1Mjg1ODkwODE4Mjk5MzExMDQ1In0.b78MaUVRASFUVchKdFNam2sv4JCoVWXYvZl02YJhGFE",
123
-
124
- // 6. AES
125
- fileID: '243791576943072647',
126
- appID: '1306264703',
127
- psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTk3MSwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.FOcmChHfrGY9tYCDn20MSQi-IqvQ9U_U6qLNgx9MhLg',
128
- // licenseUrl: 'https://license-test.vod2.myqcloud.com/test/license/testV2/1300054025_1/v_cube.license',
129
- // licenseUrl: 'https://license-test.vod2.myqcloud.com/test/license/testV2/1251132654_1/v_cube.license',
130
- // licenseUrl: 'https://vincentlli-1306264703.cos.ap-nanjing.myqcloud.com/tcplayer/vcube.license',
131
- // 高级版 testmig-1306264703.cos.ap-guangzhou.myqcloud.com
132
- licenseUrl: 'https://license.vod2.myqcloud.com/license/v2/1306264703_1/v_cube.license',
133
- // licenseUrl: 'https://license.vod2.myqcloud.com/license/v2/1306264703_1/v_cube.license',
134
- controlBar: {
135
- fullscreenRotate: true,
136
- playbackRateMenuButton: false,
137
- },
138
-
139
-
140
- // 基础版
141
- // https://license-test.vod2.myqcloud.com/test/license/testV2/1251132654_1/v_cube.license
142
- // 高级版
143
- // https://license-test.vod2.myqcloud.com/test/license/testV2/1251132654_1/v_cube.license
144
- // licenseUrl: 'https://license-test.vod2.myqcloud.com/test/license/testV2/1300054025_1/v_cube.license',
145
- // licenseUrl: 'https://vincentlli-1306264703.cos.ap-nanjing.myqcloud.com/tcplayer/vcube.license',
146
-
147
- // 7. widevine
148
- // fileID: '243791576943072647',
149
- // appID: '1306264703',
150
- // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ3MDk3MywiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJ3aWRldmluZURlZmluaXRpb24iOjEzfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.mpuMSDumwNh4RQZVJOxya7z12jQfIWsVt_8ByfGS3r0',
151
-
152
- // 8. fairplay
153
- // fileID: '243791576943072647',
154
- // appID: '1306264703',
155
- // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ3MTAwMywiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJmYWlyUGxheURlZmluaXRpb24iOjExfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.ysDF4VupO8A2zRD_3uD6uFSbw_NQwhSgJTQyxj5oARI',
156
-
157
- // 9. 不加密HLS
158
- // fileID: '243791576943072647',
159
- // appID: '1306264703',
160
- // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ3MDAwNiwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJSYXdBZGFwdGl2ZSIsInJhd0FkYXB0aXZlRGVmaW5pdGlvbiI6MTB9LCJ1cmxBY2Nlc3NJbmZvIjp7ImRvbWFpbiI6IjEzMDYyNjQ3MDMudm9kMi5teXFjbG91ZC5jb20iLCJzY2hlbWUiOiJIVFRQUyJ9fQ.-yxAj1SBp-4QK7sC5Sz7E6gFuqRgY06vbN1Nkto0GQA',
161
-
162
- // fileID: '3270835010468833724',
163
- // appID: '1500012967',
164
- // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTUwMDAxMjk2NywiZmlsZUlkIjoiMzI3MDgzNTAxMDQ2ODgzMzcyNCIsImN1cnJlbnRUaW1lU3RhbXAiOjE2ODkwNDc4ODUsImNvbnRlbnRJbmZvIjp7ImF1ZGlvVmlkZW9UeXBlIjoiUHJvdGVjdGVkQWRhcHRpdmUiLCJkcm1BZGFwdGl2ZUluZm8iOnsid2lkZXZpbmVEZWZpbml0aW9uIjoxNDQ0Njc5fX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTUwMDAxMjk2Ny52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFAifX0.2shCzGjOrRQF_oa5SpBckm08hvX0GhKw6r-K-0K0thc',
165
-
166
- // 10. 不加密DASH
167
- // fileID: '243791576943072647',
168
- // appID: '1306264703',
169
- // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ3MDAxOSwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJSYXdBZGFwdGl2ZSIsInJhd0FkYXB0aXZlRGVmaW5pdGlvbiI6MjB9LCJ1cmxBY2Nlc3NJbmZvIjp7ImRvbWFpbiI6IjEzMDYyNjQ3MDMudm9kMi5teXFjbG91ZC5jb20iLCJzY2hlbWUiOiJIVFRQUyJ9fQ.3JcFHAKh9cTajDM1r0uNquuI1q3J4Kk1--X5ZDG5jck',
170
-
171
- // 11. AES 测试loadVideoByID
172
- // appID: '1500005692',
173
- // fileID: '387702307006254554',
174
- // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTUwMDAwNTY5MiwiZmlsZUlkIjoiMzg3NzAyMzA3MDA2MjU0NTU0IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDMxMDM1MiwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTUwMDAwNTY5Mi52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFAifX0.PFwxL9NNs_gyrR5U3dxwzeip3wZT4M-Fvtd0H2WkjnA',
175
- webrtcConfig: {
176
- connectRetryCount: 10,
177
- connectRetryDelay: 2,
178
- signalDomain: {
179
- protocol: 'http', // todo 现网发布要改
180
- domain: 'webrtc-play-dev.media-cast.vod-qcloud.com', // todo 现网发布要改
181
- query: false,
182
- },
183
- },
184
-
185
- //其他参数请在开发文档中查看
186
- plugins: {
187
- // SafeCheck: {
188
-
189
- // },
190
- ContinuePlay: {
191
- // auto: true // 是否在播放时自动续播
192
- },
193
- ProgressMarker: true,
194
- ContextMenu: {
195
- statistic: true,
196
- levelSwitch: {
197
- open: true, // 打开切换提示
198
- // switchingText: '开始', // 开始切换时文案
199
- // switchedText: '成功', // 切换成功时文案
200
- // switchErrorText: '失败', // 切换失败时文案
201
- }
202
- }
203
- }
204
- });
205
-
206
-
207
-
208
-
209
- // setTimeout(() => {
210
- // console.log('player ori', player);
211
- // player.loadVideoByID({
212
- // fileID: '243791576943072647',
213
- // appID: '1306264703',
214
- // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTk3MSwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.FOcmChHfrGY9tYCDn20MSQi-IqvQ9U_U6qLNgx9MhLg',
215
- // });
216
- // }, 3000);
217
- // player.src('http://1305533787.vod2.myqcloud.com/6bfcd0cavodtranssgp1305533787/df5fac093270835010461032124/v.f100010.mp4');
218
-
219
- // player.src('webrtc://global-lebtest-play.myqcloud.com/live/lebtest?txSecret=f22a813b284137ed10d3259a7b5c224b&txTime=69f1eb8c');
220
-
221
- // player.src('http://vincent.pub/live/sei.m3u8');
222
- // player.src('https://1305071164.vod2.myqcloud.com/0500fb7evodcq1305071164/76cbdeb53270835009987527597/playlist_eof.m3u8');
223
- // player.src('https://68789.liveplay.myqcloud.com/live/webrtc_demo_1686626553419.flv');
224
-
225
-
226
- // player.ready(function() {
227
- // debugger
228
- // player.tech_.hlsProvider.hls.removeLevel(2)
229
- // });
230
-
231
- player.on('waiting', function(e) {
232
- console.log('waiting');
233
- });
234
- player.on('error', function(e) {
235
- console.log('e', e);
236
- });
237
-
238
- player.on('playcgistart', function(e) {
239
- console.log('playcgistart', e);
240
- });
241
-
242
- player.on('playcgiend', function(e) {
243
- console.log('playcgiend', e);
244
- });
245
-
246
- player.on('pause', function(e) {
247
- console.log('pause');
248
- });
249
-
250
- player.on('error', function() {
251
- console.log(1);
252
- });
253
-
254
- player.on('error', function() {
255
- console.log(2);
256
- });
257
-
258
-
259
- player.on('licenseparsed', function(e) {
260
- console.log('licenseparsed', e.data);
261
- });
262
-
263
- document.getElementById('switch').addEventListener('click', function() {
264
- player.src('webrtc://68789.liveplay.myqcloud.com/live/webrtc_demo_1688439945507');
265
- // player.loadVideoByID({
266
- // appID: '1500005692',
267
- // fileID: '387702307006254554',
268
- // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTUwMDAwNTY5MiwiZmlsZUlkIjoiMzg3NzAyMzA3MDA2MjU0NTU0IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDMxMDM1MiwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTUwMDAwNTY5Mi52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFAifX0.PFwxL9NNs_gyrR5U3dxwzeip3wZT4M-Fvtd0H2WkjnA',
269
- // });
270
- });
271
- </script>
272
- </body>
273
- </html>
package/dist/examples/vod/tcplayer-vod-audio-tracks.html DELETED
@@ -1,66 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">
7
- <title>腾讯云视频点播示例</title>
8
- <!-- 引入播放器 css 文件 -->
9
- <link href="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.4/tcplayer.min.css" rel="stylesheet"/>
10
- <!--如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 Webrtc 视频，需要在 tcplayer.vx.x.x.min.js 之前引入 TXLivePlayer-x.x.x.min.js。-->
11
- <!--有些浏览器环境不支持 Webrtc，播放器会将 Webrtc 流地址自动转换为 HLS 格式地址，因此快直播场景同样需要引入hls.min.x.xx.xm.js。-->
12
- <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.4/libs/TXLivePlayer-1.2.3.min.js"></script>
13
- <!--如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 HLS 协议的视频，需要在 tcplayer.vx.x.x.min.js 之前引入 hls.min.x.xx.xm.js。-->
14
- <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.4/libs/hls.min.1.1.5.js"></script>
15
- <!--如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 FLV 格式的视频，需要在 tcplayer.vx.x.x.min.js 之前引入 flv.min.x.x.x.js。-->
16
- <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.4/libs/flv.min.1.6.3.js"></script>
17
- <!--如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 DASH 视频，需要在 tcplayer.vx.x.x.min.js 之前引入 dash.min.x.x.x.js。-->
18
- <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.4/libs/dash.all.min.4.4.1.js"></script>
19
- <!--播放器脚本文件-->
20
- <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.4/tcplayer.v4.5.4.min.js"></script>
21
- <!-- 示例 CSS 样式可自行删除 -->
22
- <style>
23
- html,body{
24
- margin: 0;
25
- padding: 0;
26
- }
27
- .tcplayer {
28
- margin: 0 auto;
29
- }
30
- @media screen and (max-width: 640px) {
31
- #player-container-id {
32
- width: 100%;
33
- height: 270px;
34
- }
35
- }
36
- /* 设置logo在高分屏的显示样式 */
37
- @media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2) {
38
- .tcp-logo-img {
39
- width: 50%;
40
- }
41
- }
42
- </style>
43
- </head>
44
- <body>
45
- <!-- 设置播放器容器 -->
46
- <video id="player-container-id" preload="auto" width="640" height="360" playsinline webkit-playsinline>
47
- </video>
48
- <!--
49
- 注意事项：
50
- * 播放器容器必须为 video 标签
51
- * player-container-id 为播放器容器的ID，可自行设置
52
- * 播放器区域的尺寸请按需设置，建议通过 css 进行设置，通过css可实现容器自适应等效果
53
- * playsinline webkit-playsinline 这几个属性是为了在标准移动端浏览器不劫持视频播放的情况下实现行内播放，此处仅作示例，请按需使用
54
- * 设置 x5-playsinline 属性会使用 X5 UI 的播放器
55
- -->
56
- <script>
57
- var player = TCPlayer('player-container-id', { // player-container-id 为播放器容器ID，必须与html中一致
58
- //其他参数请在开发文档中查看
59
- sources: [{
60
- src: 'https://cdn.bitmovin.com/content/assets/sintel/hls/playlist.m3u8',
61
- }]
62
- });
63
-
64
- </script>
65
- </body>
66
- </html>
package/dist/examples/vod/tcplayer-vod-base-flash.html DELETED
@@ -1,64 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">
7
- <title>腾讯云视频点播示例-Flash播放</title>
8
- <!-- 引入播放器 css 文件 -->
9
- <link href="//imgcache.qq.com/open/qcloud/video/tcplayer/tcplayer.min.css" rel="stylesheet">
10
- <!-- 如需在IE8、9浏览器中初始化播放器，浏览器需支持Flash并在页面中引入 -->
11
- <!--[if lt IE 9]>
12
- <script src="//imgcache.qq.com/open/qcloud/video/tcplayer/ie8/videojs-ie8.js"></script>
13
- <![endif]-->
14
- <!-- 引入播放器 js 文件 -->
15
- <script src="//imgcache.qq.com/open/qcloud/video/tcplayer/tcplayer.v4.min.js"></script>
16
- <!-- 示例 CSS 样式可自行删除 -->
17
- <style>
18
- html,body{
19
- margin: 0;
20
- padding: 0;
21
- }
22
- .tcplayer {
23
- margin: 0 auto;
24
- }
25
- @media screen and (max-width: 640px) {
26
- #player-container-id {
27
- width: 100%;
28
- height: 270px;
29
- }
30
- }
31
- /* 设置logo在高分屏的显示样式 */
32
- @media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2) {
33
- .tcp-logo-img {
34
- width: 50%;
35
- }
36
- }
37
- </style>
38
- </head>
39
- <body>
40
- <!-- 设置播放器容器 -->
41
- <video id="player-container-id" preload="auto" width="640" height="360" playsinline webkit-playsinline>
42
- </video>
43
- <!--
44
- 注意事项：
45
- * 播放器容器必须为 video 标签
46
- * player-container-id 为播放器容器的ID，可自行设置
47
- * 播放器区域的尺寸请按需设置，建议通过 css 进行设置，通过css可实现容器自适应等效果
48
- * playsinline webkit-playsinline 这几个属性是为了在标准移动端浏览器不劫持视频播放的情况下实现行内播放，此处仅作示例，请按需使用
49
- * 设置 x5-playsinline 属性会使用 X5 UI 的播放器
50
- -->
51
- <script>
52
- var player = TCPlayer('player-container-id', { // player-container-id 为播放器容器ID，必须与html中一致
53
- fileID: '7447398157015849771', // 请传入需要播放的视频filID 必须
54
- appID: '1256993030', // 请传入点播账号的appID 必须
55
- techOrder:['Flash','Html5'] // 优先使用 Flash 播放
56
- //其他参数请在开发文档中查看
57
- });
58
- /*
59
- 注意事项：
60
- * 示例代码使用的是新点播播放器，该点播播放器在灰度体验中，将逐步替换旧的点播播放器 qcplayer
61
- */
62
- </script>
63
- </body>
64
- </html>
package/dist/examples/vod/tcplayer-vod-base-native-control.html DELETED
@@ -1,68 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">
7
- <title>腾讯云视频点播示例</title>
8
- <!-- 引入播放器 css 文件 -->
9
- <link href="//imgcache.qq.com/open/qcloud/video/tcplayer/tcplayer.min.css" rel="stylesheet">
10
- <!-- 如需在IE8、9浏览器中初始化播放器，浏览器需支持Flash并在页面中引入 -->
11
- <!--[if lt IE 9]>
12
- <script src="//imgcache.qq.com/open/qcloud/video/tcplayer/ie8/videojs-ie8.js"></script>
13
- <![endif]-->
14
- <!-- 如果需要在 Chrome Firefox 等现代浏览器中通过H5播放hls，需要引入 hls.js -->
15
- <script src="//imgcache.qq.com/open/qcloud/video/tcplayer/libs/hls.min.0.12.4.js"></script>
16
- <!-- 引入播放器 js 文件 -->
17
- <script src="../tcplayer/tcplayer.v4.min.js"></script>
18
- <!-- 示例 CSS 样式可自行删除 -->
19
- <style>
20
- html,body{
21
- margin: 0;
22
- padding: 0;
23
- }
24
- .tcplayer {
25
- margin: 0 auto;
26
- }
27
- @media screen and (max-width: 640px) {
28
- #player-container-id {
29
- width: 100%;
30
- height: 270px;
31
- }
32
- }
33
- /* 设置logo在高分屏的显示样式 */
34
- @media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2) {
35
- .tcp-logo-img {
36
- width: 50%;
37
- }
38
- }
39
- </style>
40
- </head>
41
- <body>
42
- <!-- 设置播放器容器 -->
43
- <video id="player-container-id" preload="auto" width="640" height="360" playsinline webkit-playsinline>
44
- </video>
45
- <!--
46
- 注意事项：
47
- * 播放器容器必须为 video 标签
48
- * player-container-id 为播放器容器的ID，可自行设置
49
- * 播放器区域的尺寸请按需设置，建议通过 css 进行设置，通过css可实现容器自适应等效果
50
- * playsinline webkit-playsinline 这几个属性是为了在标准移动端浏览器不劫持视频播放的情况下实现行内播放，此处仅作示例，请按需使用
51
- * 设置 x5-playsinline 属性会使用 X5 UI 的播放器
52
- -->
53
- <script>
54
- let nativeControlsForTouch = false;
55
- if (TCPlayer.browser.ANDROID_VERSION < 7 || (TCPlayer.browser.IS_ANDROID && TCPlayer.browser.CHROME_VERSION < 60)){
56
- // 不支持 fullscreen API 和支持 fullscreen API有缺陷的浏览器建议使用原生控件
57
- nativeControlsForTouch = true;
58
- }
59
-
60
- var player = TCPlayer('player-container-id', { // player-container-id 为播放器容器ID，必须与html中一致
61
- fileID: '5285890799710670616', // 请传入需要播放的视频filID 必须
62
- appID: '1400329073', // 请传入点播账号的appID 必须
63
- nativeControlsForTouch: nativeControlsForTouch
64
- //其他参数请在开发文档中查看
65
- });
66
- </script>
67
- </body>
68
- </html>
package/dist/examples/vod/tcplayer-vod-base-v4-dash.html DELETED
@@ -1,84 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">
7
- <title>腾讯云视频点播示例</title>
8
- <!-- 引入播放器 css 文件 -->
9
- <link href="//imgcache.qq.com/open/qcloud/video/tcplayer/tcplayer.min.css" rel="stylesheet">
10
- <!-- 如需在IE8、9浏览器中初始化播放器，浏览器需支持Flash并在页面中引入 -->
11
- <!--[if lt IE 9]>
12
- <script src="//imgcache.qq.com/open/qcloud/video/tcplayer/ie8/videojs-ie8.js"></script>
13
- <![endif]-->
14
- <script src="//web-player-1252463788.cos.ap-shanghai.myqcloud.com/tcplayer/libs/dash.all.min.v3.1.3.js"></script>
15
- <!-- 引入播放器 js 文件 -->
16
-
17
- <script src="//imgcache.qq.com/open/qcloud/video/tcplayer/tcplayer.v4.1.min.js"></script>
18
- <!-- 示例 CSS 样式可自行删除 -->
19
- <style>
20
- html,body{
21
- margin: 0;
22
- padding: 0;
23
- }
24
- .tcplayer {
25
- margin: 0 auto;
26
- }
27
- @media screen and (max-width: 640px) {
28
- #player-container-id {
29
- width: 100%;
30
- height: 270px;
31
- }
32
- }
33
- /* 设置logo在高分屏的显示样式 */
34
- @media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2) {
35
- .tcp-logo-img {
36
- width: 50%;
37
- }
38
- }
39
- </style>
40
- </head>
41
- <body>
42
- <!-- 设置播放器容器 -->
43
- <video id="player-container-id" preload="auto" width="640" height="360" playsinline webkit-playsinline>
44
- </video>
45
- <!--
46
- 注意事项：
47
- * 播放器容器必须为 video 标签
48
- * player-container-id 为播放器容器的ID，可自行设置
49
- * 播放器区域的尺寸请按需设置，建议通过 css 进行设置，通过css可实现容器自适应等效果
50
- * playsinline webkit-playsinline 这几个属性是为了在标准移动端浏览器不劫持视频播放的情况下实现行内播放，此处仅作示例，请按需使用
51
- * 设置 x5-playsinline 属性会使用 X5 UI 的播放器
52
- -->
53
- <script>
54
-
55
- var player = TCPlayer('player-container-id', { // player-container-id 为播放器容器ID，必须与html中一致
56
-
57
- fileID: '5285890799710173650',
58
- appID: '1400329071',
59
- psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTQwMDMyOTA3MSwiZmlsZUlkIjoiNTI4NTg5MDc5OTcxMDE3MzY1MCIsImN1cnJlbnRUaW1lU3RhbXAiOjE2MDMxMDYyOTYsInBjZmciOiJEYXNoUGxheWVyIiwidXJsQWNjZXNzSW5mbyI6e319.6jDM-kRoDCkO_PsX0DaL8re8CPN3Ds0csUZ_PDMCqqU',
60
-
61
- // sources: [{
62
- // src: 'http://1400329071.vod2.myqcloud.com/d62d88a5vodtranscq1400329071/035aae915285890799710173650/adp.20.mpd?t=7fffffff&sign=f28ce709a4e0ad43e77089389b908dad',
63
- // type: 'application/dash+xml'
64
- // }],
65
-
66
-
67
- plugins: {
68
- ContinuePlay: {
69
- // auto: true // 是否在播放时自动续播
70
- },
71
- ProgressMarker: true,
72
- ContextMenu: {
73
- statistic: true,
74
- levelSwitch: {
75
- open: true, // 打开切换提示
76
- }
77
- }
78
- },
79
-
80
-
81
- });
82
- </script>
83
- </body>
84
- </html>