<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <!-- content属性值 : width:可视区域的宽度,值可为数字或关键词device-width height:同width intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放 maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别, maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。 user-scalable:是否可对页面进行缩放,no 禁止缩放 --> <!--meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"--> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <!-- 手机 --> <link href="m.css" rel="stylesheet" media="only screen and (max-width:320px)"> <!-- 平板 --> <link href="pad.css" rel="stylesheet" media="only screen and (min-width:321px) and (max-width:768px)"> <!-- 小屏PC --> <link href="spc.css" rel="stylesheet" media="only screen and (min-width:769px) and (max-width:1200px)"> <!-- 大屏PC --> <link href="bpc.css" rel="stylesheet" media="only screen and (min-width:1201px)"> <style> p{ font-size:22px; text-align:center;} @media only screen and (max-width:320px){ p:before{ content:"[手机]";} } @media only screen and (min-width:321px) and (max-width:768px){ p:before{ content:"[平板]";} } @media only screen and (min-width:769px) and (max-width:1200px){ p:before{ content:"[小屏PC]";} } @media only screen and (min-width:1201px){ p:before{ content:"[大屏PC]";} } </style> </head> <body> <p>阅谁问君诵,水落清香浮</p> </body> </html>
效果图:
相关推荐
//其二,获取对页面上 video#video 的引用封装/* 查询媒体文件格式支持情况 */H5Media.video //mp4 ogg webm flvH5Media.audio //mp3 wav m4a ogg aac webm/* 媒体准备就绪(可以获取到媒体长度等信息,即对应...
CSS3 @media 媒体查询 实例源代码,调整浏览器窗口大小。 当宽度小于300时,背景色变成淡蓝,否则淡绿色 1.用手机浏览:H5移动端app 2.用电脑浏览:宽度大于300,宽度小于300
JavaScript player library / DASH client / MSE-EME player。它支持在浏览器播放 Dash 或者 HLS 协议的媒体服务,它还可以...他是基于 MSE, Media Source Extensions 以及 EME, Encrypted Media Extensions 来实现;
H5MediaPlayer HTML5媒体元素(例如视频和音频)的代码
海康威视 Media Player 插件4.8(简体中文版本)
他是基于 MSE, Media Source Extensions 以及 EME, Encrypted Media Extensions 来实现;Shaka Player 是一个用于自适应媒体的开源 JavaScript 库。 它在浏览器中播放自适应媒体格式(如 DASH 和 HLS),无需使用...
PearPlayer(梨享播放器) 是完全用 JavaScript 写的开源 HTML5 流媒体播放框架,实现了融合 HTTP(包含HTTPS、HTTP2)、WebRTC 的多协议、多源、低延迟、高...基于 H5 的 MSE 技术(Media Source Extension)将来自多个
经过初步的验证,发现 Web 浏览器、Android App 均能较好地支持 H5 原生能力(原生获取经纬度、原生拍照、原生录音),而且微信公众号、Android 平台还自己单独封装了一套 API 来实现这些能力; 综合考虑,使用 H5 ...
基于 H5 的 MSE 技术(Media Source Extension)将来自多个源节点的 Buffer 分块喂给播放器,再加上精心设计的算法来达到最优的调度策略及对各种异常情况的处理,Pear Player 能在保证用户流畅视频体验的前提下最大化 ...
众所周知,由于Chromium Embedded Framework 在默认编译条件下,仅支持开源的媒体格式比如ogg, webm 等。而业界主流的H.264 codec 和文件格式如.mp3/.mp4 等并没有得到支持。于是造成基于CEF 框架编写的浏览器应用...
PearPlayer(梨享播放器) 是完全用 JavaScript 写的开源 HTML5 流媒体播放框架,实现了...基于 H5 的 MSE 技术(Media Source Extension)将来自多个源节点的 Buffer 分块喂给播放器,再加上精心设计的算法来达到最优
为您提供PearPlayer 流媒体播放框架下载,PearPlayer(梨享播放器)[Demo] 是...基于H5的MSE(Media Source Extension)技术将来自多个源节点的Buffer分块喂给播放器,再加上精心设计的算法可实现最优的调度策略及对
应用情景 业务搬砖需求需要用原设计稿给出的字体,使用@font-face引入后,发现字体包太大10M左右,每次请求服务器...简单来说就是可以在网页上用自己的字体包 可以放在类似@media媒体查询等@规则中 用法 @font-face CSS
这不仅是一个HTML5 FLV Player(支持HTTP/WS-FLV),同时也支持HTTP/WS-fMP4、MPEG-DASH、HLS和其他H5原生支持的媒体格式(如Ogg、Mpeg4、WebM),并拥有一套独立的UI框架。
windows media player播放几乎所有的视频文件,包括rm、rmvb格式的文件,希望大家喜欢。
EasyPlayer是由开发和维护的一个流媒体播放器系列项目,随着多年不断的发展和迭代,不断基于成功的实践经验,发展出包括有: EasyPlayer RTSP播放器(Windows / Android / iOS) EasyPlayer RTMP播放器(Windows / ...
媒体查询 CSS媒体查询允许开发者基于浏览网站的设备的特性来应用不同的样式申明,最常用的特性是视口宽度。 GCF 谷歌内嵌浏览器框架, 使用此插件,用户可以通过Internet Explorer的用户界面,以Chrome内核的渲染方式...
我们还可以通过媒体查询@media all和(显示模式:独立){/自定义样式,如果pwa是打开的窗体主屏幕图标/按钮{background:#ddd;}}检查用户是否打开了PWA窗体的主屏幕图标。 ::经过大量的努力和无数的网站争夺,我...
N 支持不同格式的多媒体文件,包括支持幻灯片播放,图片显示(BMP、JPG、PNG),GIF 动画文件播放,Flash文件播放,Windows Media Player所支持的全部文件格式。 4) 工业报警 A 支持ISA18.2标准,可以单独设立报警...