mp4 html5 自动播放,网页自动播放视频(mp4)

支持谷歌浏览器和ie,包括ie8//获取IE版本号(非IE返回>=12的值)

function getIEVer() {

var v = 3,

div = document.createElement('div'),

all = div.getElementsByTagName('i');

while (div.innerHTML =

'', all[0]);

v = v > 4 ? v : 12;

if (v >= 12 && 'ActiveXObject' in window) {

v = document.documentMode;

}

return v;

}

if (getIEVer() < 9) {//ie下 ie8用9,如果ie全部用embed就填12

var iemovie = $('

+ 'allowfullscreen="false" width="880" height="495" '

+ 'loop="true" autostart="true" wmode="transparent" '

+'windowlessVideo="true">

');

$('.sp_container').append(iemovie);

} else {//其他浏览器

var movie = $('

+ 'src="images/sp.mp4" controls autobuffer loop muted>

');

$('.sp_container').append(movie);

// 3秒后开始播放视频,注意要静音模式。

setTimeout(function () { $('#vdo').get(0).play(); }, 3000);

// 谷歌浏览器新版不允许直接播放视频,但静音的可以,加个交互,用户点击取消静音。

document.body.addEventListener('mousedown', function () {

var vdo = $("video")[0]; //jquery

vdo.muted = false;

}, false);

}

这里注意一点,ie下embed会造成z-index无效,需要给embed添加 wmode="transparent" windowlessVideo="true" 这两个属性。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值