【问题标题】:Using different style sheet for browsers?为浏览器使用不同的样式表?
【发布时间】:2014-06-21 19:54:42
【问题描述】:

我刚刚在我的网站上添加了一个视频。在 IE 和 MOZ 上看起来很棒,但它在 safari 上无法播放并且会弄乱网站。

我的问题是如何忽略 safari 的视频标签或更改样式表?

我的代码;

<![if !(IE 6)]>
<link rel="stylesheet" type="text/css" href="not-ie.css" />
<![endif]>

<video autoplay loop poster="images/" id="bgvid">
<source src="images/videobgb.mp4" type="video/webm">

</video>

我需要忽略 safari 的视频,它不起作用。

谢谢, 最大

【问题讨论】:

  • 您写道,您的视频是 mp4 格式,但在您编写的视频类型中,它是 webm 格式...从 3.1 版本开始,Safari 支持 MP4...您应该有视频多种格式!
  • 并且在视频类型中您必须写下整行。例如:type='video/webm; codecs="vp8, vorbis"'

标签: html css internet-explorer browser safari


【解决方案1】:

您可以检查用户代理并有条件地为白名单浏览器添加样式表。

这是一个链接http://www.javascriptkit.com/javatutors/navigator.shtml

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-05-22
    • 1970-01-01
    • 2021-10-06
    • 1970-01-01
    • 1970-01-01
    • 2012-12-09
    • 1970-01-01
    相关资源
    最近更新 更多