릴리스 노트
제품 공지
<!--플레이어 양식 파일--><link href="https://web.sdk.qcloud.com/player/tcplayer/release/v4.2.1/tcplayer.min.css" rel="stylesheet"><!--플레이어 스크립트 파일--><script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.0/tcplayer.v4.5.0.min.js"></script>
<video id="player-container-id" width="414" height="270" preload="auto" playsinline webkit-playsinline></video>
<video> 태그여야 합니다.player-container-id는 사용자 정의할 수 있는 플레이어 컨테이너의 ID입니다.preload 속성은 페이지가 로딩된 후 비디오 로딩 여부를 지정하며 일반적으로 재생을 더 빨리 시작하기 위해 auto로 설정됩니다. 다른 옵션에는 meta(페이지가 로딩된 후에만 메타데이터를 로딩함) 및 none(페이지가 로딩된 후 비디오를 로딩하지 않음)이 있습니다. 시스템 제한으로 인해 동영상은 모바일 장치에 자동으로 로딩되지 않습니다.playsinline 및 webkit-playsinline 속성은 표준 모바일 브라우저가 비디오 재생을 가로채지 않을 때 인라인 재생을 구현하는 데 사용됩니다. 여기에서는 참고용일 뿐이며 필요에 따라 사용할 수 있습니다.x5-playsinline 속성을 설정하면 TBS 커널에서 X5 UI 플레이어가 사용됩니다.https://<BucketName-APPID>.cos.<Region>.myqcloud.com/xxx.<비디오 형식> 형식의 비디오 파일 객체 주소를 가져옵니다.var player = TCPlayer("player-container-id", {}); // player-container-id는 플레이어 컨테이너 ID로 html과 동일해야 합니다.player.src("https://<BucketName-APPID>.cos.<Region>.myqcloud.com/xxx.mp4"); // COS 비디오 객체 주소
<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.2.1/libs/hls.min.0.13.2m.js"></script>
<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.2/libs/flv.min.1.6.2.js"></script>
<script src="https://cos-video-1258344699.cos.ap-guangzhou.myqcloud.com/lib/dash.all.min.js"></script>
var player = TCPlayer("player-container-id", {}); // player-container-id는 플레이어 컨테이너 ID로 html과 동일해야 합니다.player.src("https://<BucketName-APPID>.cos.<Region>.myqcloud.com/xxx.mp4"); // COS 비디오 주소
var player = TCPlayer("player-container-id", {poster: "https://<BucketName-APPID>.cos.<Region>.myqcloud.com/xxx.m3u8?ci-process=pm3u8&expires=3600" // 개인 TS 리소스 URL에 대한 다운로드 자격 증명의 상대 유효 기간, 3600초});
var player = TCPlayer("player-container-id", {poster: "https://<BucketName-APPID>.cos.<Region>.myqcloud.com/xxx.png"});
var player = TCPlayer("player-container-id", {}); // player-container-id는 플레이어 컨테이너 ID로 html 상의 것과 일치해야 합니다.player.src("https://<BucketName-APPID>.cos.<Region>.myqcloud.com/xxx.m3u8"); // hls 암호화된 비디오 주소
var player = TCPlayer("player-container-id", {}); // player-container-id는 플레이어 컨테이너 ID로 html 상의 것과 일치해야 합니다.player.src("https://<BucketName-APPID>.cos.<Region>.myqcloud.com/xxx.m3u8"); // 다중 비트레이트 비디오 주소
var player = TCPlayer("player-container-id", {plugins:{DynamicWatermark: {speed: 0.2, // 속도content: "Tencent Cloud CI", // 텍스트opacity: 0.7 // 불투명도}}});
var PosterImage = TCPlayer.getComponent('PosterImage');PosterImage.prototype.handleClick = function () {window.open('https://cloud.tencent.com/product/ci'); // 광고 링크 설정};var player = TCPlayer('player-container-id', {poster: 'https://<BucketName-APPID>.cos.<Region>.myqcloud.com/xxx..png', // 광고 미리보기 이미지});player.src('https://<BucketName-APPID>.cos.<Region>.myqcloud.com/xxx.mp4');var adTextNode = document.createElement('span');adTextNode.className = 'ad-text-node';adTextNode.innerHTML = ‘광고’;var adCloseIconNode = document.createElement('i');adCloseIconNode.className = 'ad-close-icon-node';adCloseIconNode.onclick = function (e) {e.stopPropagation();player.posterImage.hide();};player.posterImage.el_.appendChild(adTextNode);player.posterImage.el_.appendChild(adCloseIconNode);
var player = TCPlayer('player-container-id', {plugins: {VttThumbnail: {vttUrl: 'https://<BucketName-APPID>.cos.<Region>.myqcloud.com/xxx.vtt' // VTT 파일},},});player.src('https://<BucketName-APPID>.cos.<Region>.myqcloud.com/xxx.mp4');
var player = TCPlayer('player-container-id', {});player.src('https://<BucketName-APPID>.cos.<Region>.myqcloud.com/xxx.mp4');player.on('ready', function () {// 자막 파일 추가var subTrack = player.addRemoteTextTrack({src: 'https://<BucketName-APPID>.cos.<Region>.myqcloud.com/xxx.srt', // 자막 파일kind: 'subtitles',srclang: 'zh-cn',label: '중국어',default: 'true',}, true);});
var player = TCPlayer('player-container-id', {});player.src('https://<BucketName-APPID>.cos.<Region>.myqcloud.com/xxx.mp4');player.on('ready', function () {// 중국어 자막 설정var subTrack = player.addRemoteTextTrack({src: 'https://<BucketName-APPID>.cos.<Region>.myqcloud.com/zh.srt', // 자막 파일kind: 'subtitles',srclang: 'zh-cn',label: '중국어',default: 'true',}, true);// 영어 자막 설정var subTrack = player.addRemoteTextTrack({src: 'https://<BucketName-APPID>.cos.<Region>.myqcloud.com/en.srt', // 자막 파일kind: 'subtitles',srclang: 'en',label: '영어',default: 'false',}, true);});
피드백