时间戳

首页 > 解决方案 > 如何将任何视频格式的视频播放成 HTML5（之前使用 Flash 播放）

javascript - 如何将任何视频格式的视频播放成 HTML5（之前使用 Flash 播放）

问题描述

面临的问题是，当输入视频（任何格式的任何视频）时，网络将使用 Flash 技术播放视频。但是，flash 技术不再使用，视频输入将使用 HTML5 播放。我被困在这段代码中，这是代码

这是 html5 的网页脚本

<script type="text/javascript">//<![CDATA[
   new Alfresco.dashlet.VideoWidget("${args.htmlid}").setOptions(
   {
      "componentId": "${instance.object.id}",
      "site": "${page.url.templateArgs.site!""}", 
      "nodeRef": "<#if args.nodeRef?exists>${args.nodeRef}<#else></#if>", 
      "name": "<#if node??>${node.name}</#if>",
      "title": "<#if node??>${node.title}</#if>"
   }).setMessages(${messages});
   <#if node??>
   new Alfresco.VideoPreview("${args.htmlid}-preview").setOptions(
   {
      nodeRef: "${args.nodeRef}",
      name: "${node.name?js_string}",
      icon: "${node.icon}",
      mimeType: "${node.mimeType}",
      previews: [<#list node.previews as p>"${p}"<#if (p_has_next)>, </#if></#list>],
      availablePreviews: [<#list node.generatedPreviews as p>"${p.thumbnailName}"<#if (p_has_next)>, </#if></#list>],
      size: "${node.size}"
   }).setMessages(
      ${messages}
         );
   </#if>
   new Alfresco.widget.DashletResizer("${args.htmlid}", "${instance.object.id}");
//]]></script>
<div class="dashlet video">
   <div class="title"><#if node??>${node.title!node.name}<#else>${msg("header.video")}</#if></div>
   <div class="toolbar">
      <a id="${args.htmlid}-configVideo-link" href="#" class="theme-color-1">${msg("link.configure")}</a>
   </div>
   <div class="body" id="${args.htmlid}-body" style="height: ${args.height!200}px;">
      <div class="msg video-widget-msg" id="${args.htmlid}-msg"></div>
      <div class="video-preview shadow" id="${args.htmlid}-preview" style="height: ${args.height!200}px;">
         <div class="bd">
            <div id="${args.htmlid}-preview-shadow-swf-div" class="preview-swf">
               <div id="${args.htmlid}-preview-swfPlayerMessage-div">${msg("label.preparingPreviewer")}</div>
            </div>
         </div>
      </div>
   </div>
</div>

标签： javascriptjavaflashhtml5-videofreemarker

解决方案

推荐阅读