时间戳

首页 > 解决方案 > HTML 视频标签正在暂停某些 mp4 的播放

javascript - HTML 视频标签正在暂停某些 mp4 的播放

问题描述

我有一个 React 应用程序，其中一个功能是从我的服务器播放视频。最近，只有某些视频，播放失败。视频播放器出现，但没有播放。我不知道为什么会这样。所有的视频都是mp4，我可以用vlc直接播放。我什至可以在我的应用程序加载它们的机器上使用 vlc 来播放它们。

但是，在 Chrome 浏览器中，它们无法播放。通过我的 React 应用程序的视频标签，即使我将文件拖放到 chrome 本身。这表明存在一些视频不兼容，但我什至不知道从哪里开始调试。

我在我的标签中添加了一堆事件侦听器，我看到当页面打开时，立即触发了一个暂停事件。我只是不知道为什么。

我正在寻找一些关于如何自己调试的提示。这是我的 VideoPlayer React 组件，并不是说我认为这会有所帮助。

const VideoPlayer = (props) => {
    const {
        fileId,
        videoToken
    } = props;
    const videoUri = `/video-manager/api/video-files/play/${fileId}?videoToken=${videoToken}`;


    return (
        <video controls autoPlay="autoPlay">
            <source src={ videoUri } type="video/mp4" />
            <p>Your browser cannot play the file.</p>
        </video>
    );
};

标签： javascriptgoogle-chromevideo

解决方案

推荐阅读