Chrome 和 Firefox 无法在 wordpress 网站上加载视频文件

Question

我有一个 wordpress 网站，用户可以在那里登录并在仪表板中观看我（管理员）上传的电影。视频很长，文件很大。 不幸的是，它们不能在 chrome 和 firefox 上加载。网站仅显示视频的控件，但看起来它们已被禁用。

这是我的视频的代码：

<video id="trainingVideo<?php echo $tb; ?>" class="training-video embed-responsive-item"  autoplay="autoplay" controls="controls">
     <source src="<?php echo $video_url; ?>" type="<?php echo $video['mime_type'] ?>">
</video>

这里是调试控制台：

jquery-migrate.min.js:2 JQMIGRATE: Migrate is installed, version 1.4.1
/wp-content/uploads/CKZ-Informacje-o-szkoleniu.mp4 Failed to load resource: the server responded with a status of 403 (Forbidden)
/wp-content/uploads/CKZ-prawo-cywilne.mp4 Failed to load resource: the server responded with a status of 403 (Forbidden)
/wp-content/uploads/CKZ-prawo-handlowe.mp4 Failed to load resource: the server responded with a status of 403 (Forbidden)
/wp-content/uploads/CKZ-podatki-op%C5%82aty-i-ubezpieczenia.mp4 Failed to load resource: the server responded with a status of 403 (Forbidden)
/wp-content/uploads/CKZ-organizacja-i-zarz%C4%85dzanie-przedsi%C4%99biorstwem.mp4 Failed to load resource: the server responded with a status of 508 (unused)
/wp-content/uploads/CKZ-prawo-transportowe.mp4 Failed to load resource: the server responded with a status of 508 (unused)
/wp-content/uploads/CKZ-finansowanie-inwestycji-i-przedsi%C4%99biorstw.mp4 Failed to load resource: the server responded with a status of 403 (Forbidden)
/wp-content/uploads/CKZ-czas-pracy-kierowc%C3%B3w.mp4 Failed to load resource: the server responded with a status of 403 (Forbidden)
/wp-content/uploads/CKZ-bezpiecze%C5%84stwo-w-transporcie.mp4 Failed to load resource: the server responded with a status of 403 (Forbidden)
/wp-content/uploads/CKZ-przewozy-specjalistyczne.mp4 Failed to load resource: the server responded with a status of 403 (Forbidden)
/wp-content/uploads/CKZ-kontrole-w-transporcie-drogowym.mp4 Failed to load resource: the server responded with a status of 508 (unused)
/wp-content/uploads/CKZ-porozumienia-i-organizacje-w-transporcie-drogowym.mp4 Failed to load resource: the server responded with a status of 508 (unused)
/wp-content/uploads/CKZ-zadania-egzaminacyjne-film.mp4 Failed to load resource: the server responded with a status of 508 (unused)
/wp-content/uploads/CKZ-finanse-i-ksi%C4%99gowo%C5%9B%C4%87.mp4 Failed to load resource: the server responded with a status of 404 (Not Found)
/wp-content/uploads/CKZ-zasady-za%C5%82adunku-pojazd%C3%B3w.mp4 Failed to load resource: the server responded with a status of 404 (Not Found)
/wp-content/uploads/CKZ-prawo-pracy.mp4 Failed to load resource: the server responded with a status of 404 (Not Found)

Microsoft Edge 不显示任何错误。你能帮我解决这个问题吗？

Answer 1

您需要添加 2 个不同的源文件来播放视频。

第一个是mp4

第二个是ogg

之后结构将是

<video id="trainingVideo<?php echo $tb; ?>" class="training-video embed-responsive-item"  autoplay="autoplay" controls="controls">
    <source src="<?php echo $video_url_mp4; ?>">  <!-- mp4 -->
    <source src="<?php echo $video_url_ogg; ?>"> <!-- ogg -->
</video>