製品アップデート情報
製品のお知らせ
<!--プレーヤースタイルファイル--><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カーネルに設定すると、X5UIのプレーヤーを使用できます。https://<BucketName-APPID>.cos.<Region>.myqcloud.com/xxx.<ビデオ形式>です。var player = TCPlayer("player-container-id", {}); // player-container-idはプレーヤーコンテナIDであり、htmlのIDと一致している必要があります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のIDと一致している必要があります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のIDと一致している必要がありますplayer.src("https://<BucketName-APPID>.cos.<Region>.myqcloud.com/xxx.m3u8"); // hls暗号化ビデオアドレス
var player = TCPlayer("player-container-id", {}); // player-container-idはプレーヤーコンテナIDであり、htmlのIDと一致している必要があります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 Infinite CI", // テキストopacity: 0.7 // 透明度}}});
var PosterImage = TCPlayer.getComponent('PosterImage');PosterImage.prototype.handleClick = function () {window.open('https://www.tencentcloud.com/products/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);});
フィードバック