解决video标签兼容性问题:
<!--播放视频的标签-->
<div style="width:100%;height:auto; margin-top:40px" v-html="show_video(selected.Video_Address,selected.Img_Address)">
</div>
/*
动态生成视频标签
file_url:视频文件地址
**/
show_video: function (file_url, img) {
// 如果动态页面的视频文件地址不是空,就显示视频文件,否则不显示视频
if (file_url != undefined && file_url != "") {
var html = getSourceHtml(file_url);
return '<video controls muted webkit-playsinline="true" playsinline="true" autoplay="autoplay" poster="' + img + '" style="width:100%;">' +
html + ' 您的浏览器不支持该视频播放 </video>';
} else {
return "";
}
}
//将视频路径转换成html
function getSourceHtml(data) {
//分割出url成为数组
var arr = data.split(',');
var html = '';
for (var i = 0; i < arr.length; i++) {
var url = arr[i];
html += '<source src=\'' + url + '\' />';
}
return html;
}