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="data: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" 这两个属性。

mp4 html5 自动播放,网页自动播放视频（mp4）相关推荐

iPhone iPad 如何播放网页调用Flash视频
safari浏览器是用html5调用,具体方法为:<video tabindex="0" source="http://XX" controls loop ...
linux 视频无法播放视频教程,Ubuntu7.10下无法正常播放网页上Flash视频的解决
Ubuntu7.10中的Firefox浏览器升级后Flash也需要升级,但它自己不会升级,需要自己下载相应高版本adobe Flash,到这里下载:www.adobe.com 下载的文件是instal ...
js脚本实现网页自动刷新
js脚本实现网页自动刷新 //网页自动刷新代码 timeout=prompt("Set timeout (Second):"); count=0 current=location. ...
Ubuntu网页端播放音乐失败
Ubuntu网页端播放音乐失败因为网页版的qq音乐或者网易云音乐都把音频换成了AAC格式,这必须要下载特定的解码器才能播放音乐,所以只用在终端输入一条命令就可以安装能大多数音频解码器 sudo ap ...
html5 无插件视频播放器,多功能流媒体播放器网页无插件直播EasyPlayer.js如何实现播放完自动循环播放...
原标题:多功能流媒体播放器网页无插件直播EasyPlayer.js如何实现播放完自动循环播放 EasyPlayer-Android播放器是一款可针对RTSP.RTMP.RTSP&RTMP协议进 ...
熊猫怎么用html5看直播,熊猫TV HTML5播放器自动网页全屏
// ==UserScript== // @name 熊猫TV HTML5播放器自动网页全屏 // @name:zh-CN 熊猫TV HTML5播放器自动网页全屏 // @namespace pand ...
android瀑布流视频自动播放,jquery实现的网页自动播放声音
jquery实现的网页自动播放声音复制代码代码如下: $(function(){ //这里参考了以下两个站点的介绍 //http://www.w3school.com.cn/html/html_a ...
html视频怎么自动全屏播放,网页中用标签播放视频,可以全屏播放的代码肿么写?...
使用这个,注意路径中不要使用中文 object id=player classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 style=width: 68 ...
html5离开网页自动暂停,通过html5代码在网页中实现播放和暂停音乐mp3,mav等文
介绍通过html5代码在网页中实现播放和暂停音乐mp3,mav等文件的具体操作方法.这样对于用户来说,在线可播放功能能大大提高站内效率也可带来一定的流量.希望对有需要的朋友有所帮助.这里我们需要先了解 ...
网页视频播放php拉伸代码,网页在线播放mp4/flv等格式视频方法，CuPlayer(酷播)详细使用方法(附源代码)...
最近有好几个项目都需要在网页上播放视频文件(自己上传的),视频格式包括mp4.flv等等.现在的网站都对用户体验有所要求,所以网站上都不是单一的一行行文字了,都会选择放上很多图片.视频等,这样整体看上 ...

mp4 html5 自动播放,网页自动播放视频（mp4）

mp4 html5 自动播放,网页自动播放视频（mp4）相关推荐

最新文章

热门文章