我正在为网站使用第三方谈话头服务。下面的 javascript 确实使说话的头出现在 wordpress 网站的主页上。
<script type="text/javascript" src="http://localhost:8080/wordpress-flash/wp-content/uploads/2013/09/wthvideo/wthvideo.js"></script>
问题: 1. 下载 .swf 格式的视频,而不是播放会说话的头像。2. 在 chrome 中工作,但在其他浏览器播放后消失,如果我们单击播放按钮,它开始以 .mp4 格式下载。
查询:
导致下载而不是播放的问题可能是什么?
如果必须处理 .swf 或 .flv 或 .mp4 的 MIME 类型,那么如何在 wamp localhost 和实时服务器上启用?
下面是用于播放要包含在上述 javascript 中的视频的库代码。
// JavaScript Document
if (typeof wthvideo == "undefined") {
wthvideo = new Object();
}
wthvideo.params = {
width:200,
height:416,
position:"fixed",
doctype:"strict",
left:"auto",
right:"0px",
top:"auto",
bottom:"0px",
centeroffset:"auto",
color:0xCCCCCC,
volume:70,
autostart:"yes",
fadein:0,
fadeout:2,
flip:"no",
delay:0,
delayclose:0,
buffertime:3,
controlbar:"mouse",
exitbtn:"no",
playbtn:"PlayVideo.png",
playposition:"center",
playtop:"bottom",
exitoncomplete:"yes",
oncepersession:"yes",
vidlink:"no",
openin:"_blank",
path:"wthvideo",
actorpic:"katiebankforeclosureschicago.png",
flv:"katiebankforeclosureschicago.flv",
h264:"katiebankforeclosureschicagoipad.mp4"};
var topPx = parseFloat(wthvideo.params.top);
var bottomPx = parseFloat(wthvideo.params.bottom);
wthvideo.hideDiv = function(){
document.getElementById('wthvideo').style.visibility = 'hidden';
}
function onlyOnce() {
if (document.cookie.indexOf("hasSeen=true") == -1) {
var later = new Date();
later.setFullYear(later.getFullYear()+10);
document.cookie = 'hasSeen=true;path=/;';
wthvideo.drawVideo();
}
}
function onlyOnce2() {
if (document.cookie.indexOf("hasSeen=true") == -1) {
var later = new Date();
later.setFullYear(later.getFullYear()+10);
document.cookie = 'hasSeen=true;path=/;';
wthvideo.drawVideo();
}
}
var btnTop = (wthvideo.params.height)-(122);
var btnLeft = (wthvideo.params.width/2)-(51);
wthvideo.drawVideo= function(){
var markUp = '';
markUp += '<style type="text/css">';
markUp += '#wthvideo {position:'+wthvideo.params.position+';width:'+wthvideo.params.width+'px;height:'+wthvideo.params.height+'px;margin-left:'+wthvideo.params.centeroffset+';left:'+wthvideo.params.left+';right:'+wthvideo.params.right+';top:'+wthvideo.params.top+';bottom:'+wthvideo.params.bottom+';z-index:99999;cursor: pointer;}';
markUp += '#wthvideo img{opacity:\1;padding-top:'+btnTop+'px;;padding-left:'+btnLeft+'px;border-style: none;opacity:1;}';
markUp += '#wthvideo img:hover{opacity:0.9;}';
markUp += '#wthvideo div{background-image:url("'+wthvideo.params.path+'/'+wthvideo.params.actorpic+'")';
markUp += '</style>';
markUp += '<div id="wthvideo">';
markUp += ' <object id="objvideo" style="outline:none;" type="application/x-shockwave-flash" width="'+wthvideo.params.width+'" height="'+wthvideo.params.height+'" data="'+wthvideo.params.path+'/wthplayer.swf">';
markUp += ' <param name="movie" value="'+wthvideo.params.path+'/wthplayer.swf" />';
markUp += ' <param name="quality" value="high" />';
markUp += ' <param name="flashvars" value="vurl='+wthvideo.params.flv+'&vwidth='+wthvideo.params.width+'&vheight='+wthvideo.params.height+'&actorpic='+wthvideo.params.path+'/'+wthvideo.params.actorpic+'&autostart='+wthvideo.params.autostart+'&exitoncomplete='+wthvideo.params.exitoncomplete+'&vbuff='+wthvideo.params.buffertime+'&vdelay='+wthvideo.params.delay+'&vcolor='+wthvideo.params.color+'&vlink='+wthvideo.params.vidlink+'&openin='+wthvideo.params.openin+'&delayclose='+wthvideo.params.delayclose+'&fadein='+wthvideo.params.fadein+'&fadeout='+wthvideo.params.fadeout+'&vvol='+wthvideo.params.volume+'&playbtn='+wthvideo.params.path+'/'+wthvideo.params.playbtn+'&playpos='+wthvideo.params.playposition+'&playtop='+wthvideo.params.playtop+'&hflip='+wthvideo.params.flip+'&controlbar='+wthvideo.params.controlbar+'&exitbtn='+wthvideo.params.exitbtn+'" />';
markUp += ' <param name="wmode" value="transparent" />';
markUp += ' <param name="allowscriptaccess" value="always" />';
markUp += ' <param name="swfversion" value="9.0.45.0" />';
markUp += ' <div>';
markUp += '<a href="'+wthvideo.params.path+'/'+wthvideo.params.h264+'"><img src="'+wthvideo.params.path+'/'+wthvideo.params.playbtn+'" alt="Click to Play" width="103" height="122" /></a>';
markUp += ' </div>';
markUp += ' </object>';
markUp += '</div>';
if (wthvideo.params.position == "fixed") {
if (wthvideo.params.doctype == "quirks") {
if (wthvideo.params.top == "auto") {
markUp += '<!--[if IE]>';
markUp += '<style type="text/css">';
markUp += '#wthvideo {position:absolute; top: expression(offsetParent.scrollTop - 1 + (offsetParent.clientHeight-this.clientHeight) + '+bottomPx+' + "px")}';
markUp += '</style>';
markUp += '<![endif]-->';}
else {
markUp += '<!--[if IE]>';
markUp += '<style type="text/css">';
markUp += '#wthvideo {position: absolute !important;top: expression(((document.documentElement.scrollTop || document.body.scrollTop) + (!this.offsetHeight && 0)) + '+topPx+' + "px")';
markUp += '</style>';
markUp += '<![endif]-->';}
}
else {
markUp += '<!--[if lte IE 6]>';
markUp += '<style type="text/css">';
markUp += 'html, body{height: 100%;overflow: auto;}#wthvideo {position: absolute;}';
markUp += '</style>';
markUp += '<![endif]-->';
}
}
document.write(markUp);
}
function hideDiv() {
wthvideo.hideDiv();
}
if (wthvideo.params.autostart=="oncethenpic") {
if (document.cookie.indexOf("hasSeen=true") == -1) {
var later = new Date();
later.setFullYear(later.getFullYear()+10);
document.cookie = 'hasSeen=true;path=/;';
wthvideo.params.autostart = "yes";
}
else {
wthvideo.params.autostart = "no";
}
}
if (wthvideo.params.autostart=="oncethenmute") {
if (document.cookie.indexOf("hasSeen=true") == -1) {
var later = new Date();
later.setFullYear(later.getFullYear()+10);
document.cookie = 'hasSeen=true;path=/;';
wthvideo.params.autostart = "yes";
}
else {
wthvideo.params.autostart = "mute";
}
}
if (wthvideo.params.autostart=="onceonly") {
if (document.cookie.indexOf("hasSeen=true") == -1) {
var later = new Date();
later.setFullYear(later.getFullYear()+10);
document.cookie = 'hasSeen=true;expires='+later.toGMTString();
wthvideo.params.autostart = "yes";
}
else {
wthvideo.params.autostart = "mute";
}
}
if (wthvideo.params.autostart=="onceonlythenmute") {
if (document.cookie.indexOf("hasSeen=true") == -1) {
var later = new Date();
later.setFullYear(later.getFullYear()+10);
document.cookie = 'hasSeen=true;expires='+later.toGMTString();
wthvideo.params.autostart = "yes";
}
else {
wthvideo.params.autostart = "mute";
}
}
if (wthvideo.params.autostart=="onceonlythenpic") {
if (document.cookie.indexOf("hasSeen=true") == -1) {
var later = new Date();
later.setFullYear(later.getFullYear()+10);
document.cookie = 'hasSeen=true;expires='+later.toGMTString();
wthvideo.params.autostart = "yes";
}
else {
wthvideo.params.autostart = "no";
}
}
if (wthvideo.params.oncepersession == "yes") {
onlyOnce();}
else {
if (wthvideo.params.oncepersession == "onceonly") {
onlyOnce2();}
else {
wthvideo.drawVideo();
}
}
function thisMovie(movieName) {
if (navigator.appName.indexOf("Microsoft") != -1) {
return window[movieName];
} else {
return document[movieName];
}
}
function exitWTH() {
thisMovie('objvideo').exitVideoWTH();
}
function pauseWTH() {
thisMovie('objvideo').pauseVideoWTH();
}
function unpauseWTH() {
thisMovie('objvideo').unpauseVideoWTH();
}
function playWTH() {
thisMovie('objvideo').playVideoWTH();
}
function stopWTH() {
thisMovie('objvideo').stopVideoWTH();
}
function muteWTH() {
thisMovie('objvideo').muteVolWTH();
}
function unmuteWTH() {
thisMovie('objvideo').startVolWTH();
}