Question

我是网络开发的初学者，我无法解决这个问题。

我拍摄了一段视频并将其编码为mp4文件和ism文件。我有两个不同的视频标签 - 一个将播放每个文件。对于我正在处理的网站，如果在移动设备上查看网站，我希望使用其中一个视频标签，如果不是，则希望使用其他网站。现在网站是HTML5。感谢您提供任何帮助！

Answer 1

您可以使用基于UserAgent的检测来决定要显示的内容（不建议您必须维护它）或使用您使用的编解码器canPlayType()来查看浏览器是否支持它（更好的选项）

Answer 2

视频标记已支持其他来源。文章here介绍了如何为视频添加多个来源（因为某些浏览器无法使用某些编解码器）。像这样：

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

对于移动支票，您可以使用JavaScript CSS媒体查询：

function isMobile() {
    return window.matchMedia( "(max-width: 320px)" );
}

请参阅this article

针对网站特定部分的移动检测

2 个答案: