主頁(yè) > 知識(shí)庫(kù) > html5播放視頻且動(dòng)態(tài)截圖實(shí)現(xiàn)步驟與代碼(支持safari其他未測(cè)試)

html5播放視頻且動(dòng)態(tài)截圖實(shí)現(xiàn)步驟與代碼(支持safari其他未測(cè)試)

熱門(mén)標(biāo)簽:電銷(xiāo)機(jī)器人視頻 標(biāo)準(zhǔn)智能外呼系統(tǒng) 洛陽(yáng)市伊川縣地圖標(biāo)注中心官網(wǎng) 平頂山電子地圖標(biāo)注怎么修改 地圖標(biāo)注自己去過(guò)的地方 會(huì)聲會(huì)影怎樣做地圖標(biāo)注效果 高德地圖標(biāo)注錯(cuò)誤怎么修改 江蘇高頻外呼系統(tǒng)線(xiàn)路 搜狗星級(jí)酒店地圖標(biāo)注
暫不支持chrom 。支持safari .其他未測(cè)試
先引用 jquery 地址。選用新浪的

復(fù)制代碼
代碼如下:

<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.6/jquery.js"></script>

加一個(gè)video標(biāo)簽

復(fù)制代碼
代碼如下:

<video id="video" controls="controls">
<source src="1.mp4" />
</video>

然后js

復(fù)制代碼
代碼如下:

<script type="text/javascript">
$().ready(function(){
var video, output;
var scale = 0.25;
var initialize = function() {
output = $("#output");
video = $("#video").get(0);
$("#capture").click(captureImage);
};
var captureImage = function() {
var canvas = document.createElement("canvas");
canvas.width = video.videoWidth * scale;
canvas.height = video.videoHeight * scale;
canvas.getContext('2d')
.drawImage(video, 0, 0, canvas.width, canvas.height);
var img = document.createElement("img");
img.src = canvas.toDataURL();
output.prepend(img);
};
$(initialize);
});
</script>

效果圖就不貼了。

標(biāo)簽:鄂爾多斯 常德 阿克蘇 廣西 廣東 松原 果洛 蚌埠

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《html5播放視頻且動(dòng)態(tài)截圖實(shí)現(xiàn)步驟與代碼(支持safari其他未測(cè)試)》,本文關(guān)鍵詞  html5,播放,視頻,且,動(dòng)態(tài),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《html5播放視頻且動(dòng)態(tài)截圖實(shí)現(xiàn)步驟與代碼(支持safari其他未測(cè)試)》相關(guān)的同類(lèi)信息!
  • 本頁(yè)收集關(guān)于html5播放視頻且動(dòng)態(tài)截圖實(shí)現(xiàn)步驟與代碼(支持safari其他未測(cè)試)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章