h5标签

5人阅读 评论(0) 收藏 举报
分类:

1.vedio



去掉播放按钮
video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}




video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 

}

img

1.
onerror()事件
触发图片资源没有触发到的时候---触发的事件
<img src="" onerror="HCcommon.errorImg(this,'logo.png')">

iframe

在本地服务器上,相对路径的视频是不可以打开视频的,




在iframe同级的标签的页面,怎样访问iframe里面的内容,


iframe访问
window.iframe[0]

window.iframe[id]
每次都加上name才可以不知到为什么、


父页面控制iframe的事件
window.frames[0].eventHandler.changeFontSize(fontSizecan);


子页面控制父元素的页面

select

select 默认被选中


 获取被选中的option的值 $(".selector").find("option:selected").data("")
  获取被选中的option的值$(".selector").find("option:selected").text();
获取当前的$(".selector".)val()
改变select倒三角样式
select {
  /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/
  border: solid 1px #000;


  /*很关键:将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;


  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;




  /*为下拉小箭头留出一点位置,避免被文字覆盖*/
  padding-right: 14px;
}




/*清除ie的默认选择框样式清除,隐藏下拉箭头*/
select::-ms-expand { display: none; }
background-position: right 10px top 20px,

canvas

todataUrl存在画布污染的问题
当出现浏览器出现
ncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported. at Image.answer.pictureCompress.img.onload


前端需要加https://www.cnblogs.com/ajg016/p/5477557.html
                var img=new Image();
                var timestamp = new Date().getTime();
                img.setAttribute('crossOrigin', 'anonymous');
                img.src =$(".tuya").attr("src") + '?' + timestamp;
前端加了以后出现了
Access to Image at 'http://ees-paper-image.oss-cn-hangzhou.aliyuncs.com/57205203.21171116/201/57205203170810_1.gif?x-oss-process=image/crop,x_248,y_1060,w_1324,h_900?1513394569327' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access. The response had HTTP status code 400.
后台也要加



canvas 好的文章

https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLCanvasElement/toDataURL


http://cuihuan.net/2015/11/23/canvas_combine_pic/


http://www.jianshu.com/p/17d7e5ddf10a


https://www.cnblogs.com/web-wjg/p/7779513.html


http://www.zhangxinxu.com/wordpress/2017/07/html5-canvas-image-compress-upload/


https://segmentfault.com/q/1010000005002725




http://hongru.github.io/proj/canvas2image/index.html
 
https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS
 
https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image


 





查看评论

Uncaught DOMException: Failed to execute 'drawImage' on 'CanvasRenderingContext2D':

canvas学习报错问题
  • tjj3027
  • tjj3027
  • 2017年12月27日 16:55
  • 790

去掉h5 voide标签中的下载按钮

video::-internal-media-controls-download-button {     display:none; } video::-webkit-media-co...
  • goinni
  • goinni
  • 2017年05月04日 18:22
  • 2268

chrome浏览器去掉HTML5 video下载按钮

一般浏览器不会出现下载按钮,只有谷歌浏览器会(低版本的右下角没有下载按钮,比如53.0版本) 。   如果你的谷歌浏览器版本是54.0-57.0之间,并且也出现了视频右下角有按钮的情况都可以使用下面的...
  • songshu92
  • songshu92
  • 2017年08月02日 14:28
  • 5216

去掉video controls的下载按钮方法

一般浏览器不会出现下载按钮,,只有谷歌浏览器会(低版本的右下角没有下载按钮,比如53.0版本,我的谷歌浏览器是53.0版本) 。用同事电脑上的58.0版本测试有下载按钮    如果你的谷歌浏览器版本...
  • sanai_1992
  • sanai_1992
  • 2017年08月22日 17:52
  • 3883

Cocos2d-x下使用iconv库

近来在客户端搭建打包APK的环境,以及解决中文乱码问题。网上找了很多资料,但总是各种不详细,非常麻烦。因此在这里把自己的过程详细记录下,如果有哪步不详细,请留言。     客户端使用的是cocos2d...
  • alex_my
  • alex_my
  • 2013年08月30日 00:58
  • 12070

What is the next BIG thing?

What is the next BIG thing?Submitted by UGlee on Mon, 04/05/2004 - 16:25. 本文已为纸媒体发表,某某在线和某某家请勿转载在去年的...
  • superyan
  • superyan
  • 2004年04月09日 13:37
  • 2095

H5 - HTML5新增标签

13年那时候 H5还未火起来 自学的是Html 4.0 如今回首起来 虽然都是标签 但是H5相较于Html4.0还是精简了不少 尤其是一些新增了一些更加直观的标签 删去了不常用的标签 两年...
  • boring_cat
  • boring_cat
  • 2016年03月21日 21:22
  • 21064

h5学习之2(h5的常用标签和创建方法)

1.html最常用的标签 1)标签 定义:它是一个块级标签。 特点:独占一行,行前行后默认都有一个换行符,表示一个块区域,主要是用来页面的布局。 例如:div1            div...
  • qq_36423639
  • qq_36423639
  • 2016年12月06日 20:18
  • 728

关于c++浮点数的数字个数setprecision(n)与setiosflags(ios::fixed)

使用setprecision(n)可控制输出流显示浮点数的数字个数。C++默认的流输出数值有效位是6。 如果setprecision(n)与setiosflags(ios::fixed)合用,可以控...
  • rl529014
  • rl529014
  • 2016年02月22日 20:46
  • 2544

jQuery实现搜索框自动提示功能

Default.aspx 搜索文本框页面                         window.onload = function () { ...
  • f5187446
  • f5187446
  • 2014年08月24日 21:48
  • 1483
    个人资料
    持之以恒
    等级:
    访问量: 3994
    积分: 510
    排名: 9万+
    文章分类
    最新评论