我有一些使用 adobe captivate 6 创建的培训视频。当我观看视频时,它们需要 10 到 60 秒才能加载,然后才会开始播放,然后才会出现在窗口中(文件范围从 1MB 到 5MB)。我正在使用 jquery 将它们加载到 jquery-ui 对话框中,并在文件完全下载后让浏览器开始播放。
我遇到的问题是在播放开始之前等待 .swf 完全下载。我希望它开始播放,然后在播放时继续下载,这样用户就不必等待很长时间才能看到一些东西。
像这样的视频培训对我来说是一个相对较新的领域,所以我真的不知道我的选择是什么......如果 .swf 不是要走的路,我有哪些使用 captivate 的选择?我尝试了 captviate 的 youtube 导出,但它调整了视频的大小以适合 youtube,并且使字体太小而无法阅读。
当我在 youtube 上观看视频时,它们会立即开始播放,但在观看时继续下载...我喜欢这个概念,并想知道是否可以使用我现有的 .swf 文件实现类似的效果。
这个问题有哪些选择和可能的解决方案?
在此先感谢您的帮助。
这是加载对话框的调用:
<span onclick="$('#popup_tutorial').dialog('option', 'position', 'top').dialog('option','title','Portfolios - Creating a new portfolio').load('tutorials/acctg_payments.php').dialog('widget').dialog('open');" class="a_link edit_link">View Tutorial</span>
这是#popup_tutorial html:
<div id="popup_tutorial" style="text-align:left"></div>
<script type="text/javascript">
$("#popup_tutorial").dialog({
bgiframe: true,
autoOpen: false,
Height: 740,
width: 900,
modal: false,
close: function () {$(this).empty();}
});
</script>
这是包含 .swf 代码并放置在 #popup_tutorial div 内的 .php 页面:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<script src="standard.js" type="text/javascript"></script>
</head>
<body bgcolor="#f5f4f1">
<div id="CaptivateContent">
</div>
<script type="text/javascript">
var so = new SWFObject("acctg_payments_making.swf", "Captivate", "881", "720", "10", "#CCCCCC");
so.addParam("quality", "high");
so.addParam("name", "Captivate");
so.addParam("id", "Captivate");
so.addParam("wmode", "window");
so.addParam("bgcolor","#f5f4f1");
so.addParam("menu", "false");
so.addParam("AllowScriptAccess","always");
so.addVariable("variable1", "value1");
so.setAttribute("redirectUrl", "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash");
so.write("CaptivateContent");
</script>
<script type="text/javascript">
document.getElementById('Captivate').focus();
document.Captivate.focus();
</script>
</body>
</html>