kk的blog

2025/02/06

要如何讓使用者能看影片但不被下載

首先把 mp4 分片

ffmpeg -i abc.mp4 -codec: copy -start_number 0 -hls_time 15 -hls_list_size 0 -f hls abc.m3u8

分片後把 abc.mp4 移出目錄

建立 index.html

<html>

<head>

</head>

<body>

<video

id="my-video"

class="video-js"

controls

preload="auto"

width="640"

height="480"

刪除以下一行

~~poster="MY_VIDEO_POSTER.jpg"~~

data-setup="{}"

~~<source src="MY_VIDEO.mp4" type="video/mp4" />~~

~~<source src="MY_VIDEO.webm" type="video/webm" />~~

刪除以上二行

把第一步產生的所有分片檔放到 web server 的目錄並依需求修改以下文字

To view this video please enable JavaScript, and consider upgrading to a

web browser that

<a href="https://videojs.com/html5-video-support/" target="_blank"

>supports HTML5 video</a

</p>

</video>

</body>

</html>

用browser打開即可觀看