在pc端沒有問題，
在移動端第一幀顯示黑屏代碼如下
(function() {
"use strict";//嚴格模式
var video;//video標簽
var scale = 0.8;//第一幀圖片與源視頻的比例
video = $("#video").get(0);//賦值標簽
console.log($("#video"))
video.addEventListener("loadeddata", function () {//加載完成事件，呼叫函式
var canvas = document.createElement("canvas");//canvas畫布
canvas.width = video.videoWidth * scale;
canvas.height = video.videoHeight * scale;
canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);//畫圖
var imgsrc=https://bbs.csdn.net/topics/canvas.toDataURL("image/png");
video.setAttribute("poster",imgsrc);
//關鍵一步 —— 設定標簽的 poster 屬性的值為 base64 編譯過后的canvas繪圖。
})
}())
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/106751.html
標籤：HTML5
下一篇：求教H5Stream