$(function(){
var voide = $("#voides").val();
if(voide != 0){
var html =
"<video id=\"example_video_1\" class=\"video-js vjs-default-skin\" controls preload=\"none\" width=\"340\" height=\"300\" "+
" poster=\"\""+
" data-setup='{}'>"+
" <source src=\"/cpcimageview?entcode=1&docid="+voide+"\" type='video/mp4' />"+
" <source src=\"/cpcimageview?entcode=1&docid="+voide+"\" type='video/webm' />"+
" <source src=\"/cpcimageview?entcode=1&docid="+voide+"\" type='video/ogg' />"+
" <track kind=\"captions\" src=\"demo.captions.vtt\" srclang=\"en\" label=\"English\"></track>"+
" <track kind=\"subtitles\" src=\"demo.captions.vtt\" srclang=\"en\" label=\"English\"></track>"+
" </video>";
$("#item-flash").html(html);
$("#item-flash").css('display', 'block');
}
});
换个浏览器试试?可能不支持。
不知道你是怎么实现的。网页播放视频是要使用视频播放插件,flash。然后使用标签调用。看看我写的
//showVideo(容器,路径,宽,高,视频格式);
function showVideo(o, s, w, h, t) { //t文件格式
var _html = '';
if ($.inArray(t, [ 'ogg', 'mp4', 'webm' ]) >= 0) { //html5 surport
var _doc = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.setAttribute('type', 'text/javascript');
script.setAttribute('src',
cxtPath+'/mediaElement/build/mediaelement-and-player.min.js');
_doc.appendChild(script);
script.onload = script.onreadystatechange = function() {
var mfUrl = $(o).attr("mfurl");
if(null!=mfUrl && ""!=mfUrl){
s = mfUrl;
}
if (!this.readyState || this.readyState == 'loaded'
|| this.readyState == 'complete') {
_html = ' 'id="player1" controls="controls" preload="none">';
_html += '';
$(o).css({
"width" : w + 'px',
'height' : h + 'px',
'cursor' : 'default'
});
$(o).html(_html);
}
script.onload = script.onreadystatechange = null;
}
} else { //other like 3gp
_html += '';
_html += '';
_html += '';
_html += '';
_html += '';
_html += '';
_html += '';
_html += '';
_html += '';
_html += '';
$(o).css({
"width" : w + 'px',
'height' : h + 'px',
'cursor' : 'default'
});
$(o).html(_html);
}
}
src=\"/cpcimageview?entcode=1&docid="+voide+"\"
你地址都是一样的,只会输出一种格式的视频,不同浏览器对不同格式的视频支持不一样,要设置不同的候选源