php不能控制浏览器视频播放，需js操作video标签；php仅负责生成安全url、校验权限、提供元数据接口；js须监听loadedmetadata/canplay事件再调用play()并捕获promise拒绝。
PHP 无法直接控制浏览器端视频播放，必须靠 JS 实现
PHP 是服务端语言，只负责生成 HTML、提供视频文件路径或元数据，真正在页面上播放视频的是浏览器的 <video></video> 标签和 JavaScript。常见误区是试图用 PHP 函数（如 exec() 或 shell_exec()）去“调起播放”，这完全无效——用户浏览器根本收不到指令。
核心分工必须明确：
– PHP 负责：校验权限、拼接安全路径、生成带签名的 URL、读取视频时长/封面等元信息；
– JS 负责：操作 video 元素、监听事件、控制播放/暂停/音量、处理加载失败。
用 PHP 输出动态 video src，但 src 必须是可被浏览器直接请求的 URL
不能把 PHP 脚本路径（如 /play.php?id=123）直接塞进 <video src="..."></video>，除非该脚本以正确 MIME 类型（video/mp4）输出二进制流且支持 Range 请求（否则拖动进度条会失败）。
更可靠的做法是让 PHP 返回一个真实、可公开访问的文件 URL（比如 CDN 地址或 Nginx/Apache 下的静态路径），并做必要保护：
- 用 PHP 生成带时效和哈希的临时 URL，例如：
https://cdn.example.com/v/abc123.mp4?token=xyz&exp=1717028400 - 后端验证 token 和 exp，再通过
header('X-Accel-Redirect: /internal/videos/abc123.mp4')（Nginx）或readfile()+ 正确 header（慎用，不支持断点续传）透出文件 -
前端 JS 只需把该 URL 赋给
video.src，无需关心 PHP 如何生成
JS 控制 video 元素时必须等待 loadedmetadata 或 canplay
直接在 DOM 加载完就调 video.play() 很可能失败，因为浏览器还没解析出视频头信息（如宽高、时长）。错误现象包括：DOMException: play() failed because the user didn't interact with the document first（自动播放策略）、或 InvalidStateError（未就绪）。
立即学习“PHP免费学习笔记（深入）”；
正确做法是监听事件再操作：
const video = document.getElementById('myVideo');
video.src = '<?php echo htmlspecialchars($secureVideoUrl); ?>';
// 等待元数据加载完成（时长、尺寸可用）
video.addEventListener('loadedmetadata', () => {
console.log('时长:', video.duration); // 此时才可靠
});
// 等待首帧可播放（适合立即播放逻辑）
video.addEventListener('canplay', () => {
video.play().catch(e => console.warn('自动播放被阻止:', e));
});
注意：play() 返回 Promise，务必用 .catch() 捕获拒绝，不要假设它一定成功。
PHP 提供 JSON 接口供 JS 获取视频信息，避免内联大量 PHP 变量
别在 HTML 里写一堆 <?php echo $title; ?>、<?php echo $duration; ?>，既难维护又易 XSS。推荐用 PHP 输出标准 JSON 接口：
// video-info.php?id=123
<?php
header('Content-Type: application/json; charset=utf-8');
$id = (int)$_GET['id'];
// 查询数据库，校验权限...
$data = [
'title' => '教程视频',
'src' => 'https://cdn.example.com/v/123.mp4?token=...',
'poster'=> 'https://cdn.example.com/p/123.jpg',
'duration' => 327.5,
];
echo json_encode($data);
?>
前端 JS 用 fetch() 拿到后初始化：
fetch('video-info.php?id=123')
.then(r => r.json())
.then(data => {
const video = document.getElementById('myVideo');
video.src = data.src;
video.poster = data.poster;
document.querySelector('.title').textContent = data.title;
});
这样前后端职责清晰，接口还可复用在移动端或小程序中。
真正容易被忽略的是：视频资源路径的权限控制必须在 Web 服务器层（如 Nginx 的 location ~ \.mp4$ 配合内部重定向）或 CDN 鉴权完成，仅靠 PHP 脚本拦截无法阻止盗链或绕过验证——因为浏览器拿到 URL 后会直接发请求，不再经过你的 PHP。
