欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascript實(shí)現(xiàn)視頻輪播在pc端與移動(dòng)端均可

 更新時(shí)間:2013年09月29日 15:13:55   作者:  
用Javascript實(shí)現(xiàn)視頻輪播,畢竟是客戶的需求嗎?所以盡量實(shí)現(xiàn)下,下面有個(gè)實(shí)現(xiàn)視頻輪播的示例,pc端與移動(dòng)端均可以實(shí)現(xiàn),感興趣的朋友可以了解下
最近客戶要求用Javascript實(shí)現(xiàn)視頻輪播:

有興趣的同學(xué)可以參開(kāi)一下

下面寫了一個(gè)程序?qū)崿F(xiàn)視頻輪播,pc端與移動(dòng)端均可以實(shí)現(xiàn),

但移動(dòng)端,存在有一點(diǎn)bug;
復(fù)制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="textml; charset=UTF-8">
<title>Insert title here</title>
</head>

<p>視頻輪播11</p>
<div id="container"></div>

<p>視頻輪播22</p>
</body>
<ml>

<script type="text/javascript">
var index=0;
var arr = new Array("71da9e4b6985a7b5951dd62ce7bb020d_7", "71da9e4b691a41961dcd6524593d39ee_7", "71da9e4b69efa71be86d625508ec9feb_7");

var container = document.getElementById("container");
function printPlayer(index){
//alert(arr.length);
if(index>arr.length-1){
index=0;
}
//container.removeElement;
container.innerHTML="";
var vid=arr[index];
if (navigator.userAgent.match(/iP(od|hone|ad)/i)) {
var video = document.createElement("video");
video.src = "http://v.polyv.net/uc/video/getMp4?vid="+vid;
video.onended=s2j_onPlayOver;
//video.addEventListener('ended',j2s_onPlayOver, false);
video.autoplay="true";
video.controls="controls"
container.appendChild(video);
}else{

var swf="http://player.polyv.net/player_polyv_20130926a.swf?vid="+vid;

container.innerHTML = "<OBJECT width='600' height='375' ><PARAM NAME=movie VALUE='"+vid+"'><param name='allowscriptaccess' value='always'>"
+"<param name='allowFullScreen' value='true' />"
+"<EMBED src='"+swf+"' width='600' height='375' TYPE='application/x-shockwave-flash' allowscriptaccess='always' allowFullScreen='true' /></EMBED>"
+"</OBJECT>";
<!-- container.innerHTML = "<OBJECT>"+swf+"</OBJECT>";-->

}
}

printPlayer(index);


/* function j2s_onplayover(){
index++;
printPlayer(index);

} */

function s2j_onPlayOver() {
alert('ssss');
index++;
printPlayer(index);
}
</script>

運(yùn)行效果:
 

相關(guān)文章

  • IE下雙擊checkbox反應(yīng)延遲問(wèn)題的解決方法

    IE下雙擊checkbox反應(yīng)延遲問(wèn)題的解決方法

    這篇文章主要介紹了IE下雙擊checkbox反應(yīng)延遲問(wèn)題的解決方法,需要的朋友可以參考下
    2014-03-03
  • JavaScript冒泡算法原理與實(shí)現(xiàn)方法深入理解

    JavaScript冒泡算法原理與實(shí)現(xiàn)方法深入理解

    這篇文章主要介紹了JavaScript冒泡算法,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript冒泡算法基本原理、實(shí)現(xiàn)方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下
    2020-06-06
  • 詳解webpack babel的配置

    詳解webpack babel的配置

    本篇文章主要介紹了詳解webpack babel的配置,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-01-01
  • Angular?服務(wù)器端渲染緩存功能問(wèn)題

    Angular?服務(wù)器端渲染緩存功能問(wèn)題

    這篇文章主要介紹了Angular服務(wù)器端渲染緩存功能問(wèn)題,內(nèi)存緩存可用于應(yīng)用程序本身的渲染頁(yè)面和API請(qǐng)求。?兩種使用場(chǎng)合都通過(guò)開(kāi)發(fā)包@ngx-ssr或cache提供
    2022-06-06
  • smartcrop.js智能圖片裁剪庫(kù)

    smartcrop.js智能圖片裁剪庫(kù)

    為了測(cè)試這個(gè)智能識(shí)別插件,我試了很多壁紙圖片,都能智能裁剪出圖片的主體部分,轉(zhuǎn)而嘗試了一下chrome和Firefox以及IE,發(fā)現(xiàn)IE只有10以上的版本才支持,chrome和Firefox支持,手機(jī)瀏覽器不支持,這到底是啥黑科技??今天我們就來(lái)詳細(xì)看看
    2015-10-10
  • bootstrap weebox 支持ajax的模態(tài)彈出框

    bootstrap weebox 支持ajax的模態(tài)彈出框

    本篇介紹的bootstrap weebox(支持ajax的模態(tài)彈出框),歷經(jīng)多次修改,目前版本已經(jīng)穩(wěn)定,整合了bootstrap的響應(yīng)式,界面簡(jiǎn)單,功能卻無(wú)比豐富,支持ajax、圖片預(yù)覽等等
    2017-02-02
  • 簡(jiǎn)單的加密css地址防止別人下載你的CSS文件的方法

    簡(jiǎn)單的加密css地址防止別人下載你的CSS文件的方法

    阻止別人不那么容易下載或查看到你的CSS文件,高手可能阻止不了,不過(guò)新手們一時(shí)會(huì)不知所措,費(fèi)一番周折了
    2009-10-10
  • bootstrap Table的使用方法總結(jié)

    bootstrap Table的使用方法總結(jié)

    這篇文章主要為大家詳細(xì)介紹了bootstrap Table的使用方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-05-05
  • Promise+async+Generator的實(shí)現(xiàn)原理

    Promise+async+Generator的實(shí)現(xiàn)原理

    這篇文章主要介紹了Promise+async+Generator的實(shí)現(xiàn)原理,文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下
    2022-09-09
  • 怎么使用javascript深度拷貝一個(gè)數(shù)組

    怎么使用javascript深度拷貝一個(gè)數(shù)組

    一般情況下,使用 “=” 可以實(shí)現(xiàn)賦值。但對(duì)于數(shù)組、對(duì)象、函數(shù)等這些引用類型的數(shù)據(jù),這個(gè)符號(hào)就不好使了。下面我們來(lái)詳細(xì)學(xué)習(xí)下吧
    2019-06-06

最新評(píng)論