视频标签不适用于 Safari 上的导轨答案

【问题标题】：Video tag not working with rails on Safari视频标签不适用于 Safari 上的导轨
【发布时间】：2017-01-18 11:04:17
【问题描述】：

我有一个视频标签可以在 Chrome 和 Firefox 中使用，但不能在 Safari 中使用。这是我的标签

在 html 上：

<%= video_tag("working.mp4", class:"video", autoplay: :autoplay, loop: :loop, mute: :mute, poster: "working.jpeg") %>

在 CSS 上：

.video {
position: absolute;
top: 50%; left: 50%;
width:100%;
height: 870px;
z-index:1;
object-fit: cover;
transform: translate(-50%, -50%);
display:block !important;

}

视频当前位于“assets/video/working.mp4”中

【问题讨论】：

标签： html css ruby-on-rails video

【解决方案1】：

试试这个（如果不是 mime 类型的问题）：

<video loop autoplay controls="true" width='100%' height='100%' src='//some_video.mp4' type='video/mp4'></video>

什么是正确的 MIME 类型？你已经看过了；它是元素类型属性值的一部分。但是在 HTML 标记中设置 type 属性是不够的。您还需要确保您的 Web 服务器在 Content-Type HTTP 标头中包含正确的 MIME 类型。

如果您使用的是 Apache Web 服务器或 Apache 的一些衍生版本，您可以在站点范围的 httpd.conf 或存储视频文件的目录中的 .htaccess 文件中使用 AddType 指令。（如果您使用其他 Web 服务器，请查阅您服务器的文档以了解如何为特定文件类型设置 Content-Type HTTP 标头。）

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

第一行用于 Ogg 容器中的视频。第二行用于 MPEG-4 容器中的视频。第三个是WebM。设置一次，然后忘记它。如果您忘记设置它，您的视频将无法在某些浏览器中播放，即使您在 HTML 标记的 type 属性中包含 MIME 类型。

Source

【讨论】：

感谢您的帮助。不，它说“不支持视频格式或 MIME 类型”
刚刚更新了答案。希望这能解决问题。
这是我在 application.rb 中添加的内容： request.content_type == "video/ogg .ogv" request.content_type == "video/mp4 .mp4" request.content_type == "video /webm .webm”。不知道这是否是您所指的，但不起作用。
“这是我做的：-”我不明白。
已创建。你可以在这里找到它jsfiddle.net/kalaivendran/pL0s330s