kViewerを使って動画を公開した際、アクセスしたユーザーの動画ファイルのダウンロード操作を禁止させたいです。
個々の画面キャプチャー等の操作まで禁止したいということではなく、三点リーダのクリックや右クリック操作などで「ダウンロード」が表示されないようにしたいと考えています。
HTML5のvideoタグを編集すればダウンロード禁止にできるという情報も見かけたのですが、kViewerのカスタマイズにより、このような制限を設定することができますでしょうか。
・kViewerで公開した動画ファイルをダウンロードできないようにすることは可能か
・可能な場合、どのようにすれば実現できるか
カスタマイズ初心者のため見当違いの質問でしたら申し訳ありません。
もしご存知の情報がありましたらお教えください。よろしくお願いいたします。
7件のコメント
後藤 絵里子さん
こんにちは。
一例ですが、下記スクリプトをテキストエディタに貼り付け、JavaScript（.js）として保存してください。
例）noDownloadVideo.js
(function() {
'use strict';
// レコード一覧のDOMが作成された後
kv.events.records.mounted = [function(state) {
// 右クリック禁止
document.body.oncontextmenu = function() {
return false;
}
// ダウンロード禁止
var timer = setInterval(function() {
if (document.getElementsByTagName('video')) {
var videoTags = document.getElementsByTagName('video');
for (var i = 0; i < videoTags.length; i++) {
videoTags[i].controlsList = 'nodownload';
}
}
}, 500);
return state;
}];
// レコード詳細のDOMが作成された後
kv.events.record.mounted = [function(state) {
// 右クリック禁止
document.body.oncontextmenu = function() {
return false;
}
// ダウンロード禁止
var timer = setInterval(function() {
if (document.getElementsByTagName('video')) {
var videoTags = document.getElementsByTagName('video');
for (var i = 0; i < videoTags.length; i++) {
videoTags[i].controlsList = 'nodownload';
}
}
}, 500);
return state;
}];
})();
kViewerで該当のビューの設定からJavaScriptカスタマイズで、上記保存したファイルを参照してください。
あとは、設定を保存していただき、実際のビューアの画面上でご確認ください。
私の環境（「Windows10：Chrome」「Android：Chrome」）では、
レコード一覧画面、詳細画面ともにダウンロードが非表示になることを確認しました。
また、画面全体で右クリックも禁止になります。
koichiさん
私もkVeiwerで「動画のダウンロードを禁止したい」という仕様で悩んでおりましたので、大変助かりました。
JavaScript使わせて頂きました。ありがとうございました。
宇都宮武則さん
コメントありがとうございます。
お役に立てたようで何よりです！
koichiさん
こんにちは。上記のJavaScriptを見させて頂き大変参考になりました。
ただJavaScriptを設定すると動画のシークバーが操作できなくなってしまうのですが、何か良い方法はありませんでしょうか。
教えて頂けると嬉しいです。
SRさん
こんにちは。コメントありがとうございます。
シークバーは表示されるが、指定の秒数に戻せない、進めないといった症状でしょうか？
同症状でしたら、私のPCでも発生しました。
只、JavaScriptを適用しなくて症状出ましたので、kViewerの仕様かもしれません。
差し支えなければ、トヨクモ様サポート窓口へご連絡ください。
koichiさん。
ご返信ありがとうございました。
JavaScriptに関係なく同様に発生するとのことで、トヨクモ様に確認してみたいと思います。
kVeiwerで動画をダウンロード禁止をしたかったので、試しに適用してみたら、正常に動作しました。
すばらしいです。どうもありがとうございました。