手机版

Javascript实现视频轮播在个人计算机端与移动端均可

时间:2021-11-16 来源:互联网 编辑:宝哥软件园 浏览:

最近客户要求用爪哇岛描述语言实现视频轮播: 有兴趣的同学可以参开一下下面写了一个程序实现视频轮播电脑端与移动端均可以实现,但移动端,存在有一点病菌复制代码代码如下:DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www .w3。org/TR/HTML 4/松散。DTD ' HTML头元http-equiv=' Content-Type ' Content=' text ml;charset=UTF-8 '标题在此插入标题/标题/标题p视频轮播11/p div id='容器/divp视频轮播22/p/身体毫升脚本类型=' text/JavaScript ' var index=0;var arr=new Array(' 71 da9 E4 b 6985 a7b 5951 DD 62 ce7 bb 020d _ 7 ',' 71 da9 E4 b 691 a 41961 DDC 6524593d 39 ee _ 7 ',' 71 da9 E4 b 69 ef 71 be 86d 625508 EC 9 feb _ 7 ');var容器=文档。getelementbyid(“容器”);函数打印播放器(索引){//alert(arr。长度);if(索引arr。length-1){ index=0;}//容器。移除元素;container . innerhtml=var vid=arr[index];if(导航器。用户代理。match(/iP(od | hone | ad)/I)){ var video=document。创建元素(“视频”);'http://v.polyv.net/uc/video/getMp4?vid=' vid video . onended=s2j _ OnPlayover//video。addeventlistener(' ended ',j2s_onPlayOver,false);video.autoplay=' truevideo。controls=' controls '容器。appendchild(视频);} else { var swf=' http://player。polyv。net/player _ polyv _ 20130926 a . swf?vid=' vidcontainer。innerhtml=' OBJECT width=' 600 ' height=' 375 ' PARAM NAME=movie VALUE=' vid ' ' PARAM NAME=' allowscriptaccession ' VALUE=' always ' ' ' PARAM NAME='允许全屏' VALUE=' true '/EMBED src=' swf ' ' width=' 600 ' height=' 375 ' TYPE=' application/x-冲击波-flash ' allowscriptaccession=' always '允许全屏=' true '/EMBED ' '/OBJECT ';集装箱。innerhtml=' OBJECT ' swf '/OBJECT ';- } } printPlayer(索引);/*函数j2s _ onplayover(){ index;printPlayer(索引);} */function s2j _ onPlayOver(){ alert(' SSSS ');指数;printPlayer(索引);}/脚本运行效果

版权声明:Javascript实现视频轮播在个人计算机端与移动端均可是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。