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

2024-03-24

我是网络开发的初学者,我很难解决这个问题。

我拍摄了一段视频并将其编码为 mp4 文件和 ism 文件。我有两个不同的视频标签 - 一个将播放每个文件。对于我正在开发的网站,如果在移动设备上查看该网站,我希望它使用其中一个视频标签,如果不是,则使用另一个视频标签。目前该网站采用 HTML5 格式。感谢您提供的任何帮助!


视频标签已经支持替代源。文章here http://www.w3schools.com/html/html5_video.asp描述如何包含视频的多个源(因为某些浏览器不支持某些编解码器)。就像这样:

<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)" );
}

See 本文 http://www.sitepoint.com/javascript-media-queries/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

针对网站特定部分的移动检测 的相关文章

随机推荐