Question

我在我正在制作的网站上有一个图库，用于显示投资组合的工作。在右侧是一组垂直静止图像，当点击时，在左侧产生swf /图像，在其下方产生与每个图像相关的描述。问题是我添加了.mp4s，我为他们编写的代码无效。它不是HTML或CSS的问题，因为其他一切都在工作 - 甚至当点击它的静止时弹出.mp4的描述。唯一的问题是主播放器框 - 显示.swfs .jpg图像就好了 - 当我点击视频时没有加载任何内容。我把JQuery代码放在下面。我对JQuery只有基本的了解，所以我不知道我是错了还是不能做 - 如果可以，请帮忙！

   <script> 
       function putSWF(swf){ 
          params = {wmode:"opaque"};
          console.log(params);
          swfobject.embedSWF(swf, "flash", "640", "480", "10.0.0", >"expressInstall.swf", params);

      }; 

       var swfRef = { 
           a: "images/content/portfolio/Legal/01.swf", 
           b: "images/content/portfolio/Legal/02.swf", 
           c: "images/content/portfolio/Legal/03.swf", 
           e: "images/content/portfolio/legal/04.swf", 
           f: "images/content/portfolio/legal/05.swf", 
           g: "images/content/portfolio/legal/06.swf", 
           h: "images/content/portfolio/legal/07.jpg", 
           i: "images/content/portfolio/legal/08.jpg" 
       }; 

      var imgRef = {
          d: "images/content/portfolio/legal/09.jpg" 
      };

      var vidRef = { 
           j: "images/content/portfolio/legal/10.mp4" 
       }; 

       $(function(){ 
          $.each(swfRef, function(i, val){ 
               $("#" + i).click(function(){ 
                   putSWF(val); 
                  $("#description").html( $($(this).attr('href')).html() );
                  return false;
               }); 
           });

          $.each(imgRef, function(i, val){ 
               $("#" + i).click(function(){ 
                   putSWF(val); 
                  $("#description").html( $($(this).attr('href')).html() );
                  return false;
               }); 
           });

          $.each(vidRef, function(i, val){ 
               $("#" + i).click(function(){ 
                   putSWF(val); 
                  $("#description").html( $($(this).attr('href')).html() );
                  return false;
               }); 
           });                
           $("#a").trigger('click'); 
       }); 
   </script>

Answer 1

SwfObject没有嵌入视频。它不会这样工作。您需要使用视频播放器，或动态创建<video>元素：

这是一种非常基本的方法：

创建一种不同的方法来启动视频（比swfs）。这些方面的东西：

       $.each(vidRef, function(i, val){ 
           $("#" + i).click(function(){ 
               putVideo(val); //use a different function call 
              $("#description").html( $($(this).attr('href')).html() );
              return false;
           }); 
       });                
       $("#a").trigger('click');

function putVideo(vidUrl){
    $("#flash").html("<video><source src=\"" +vidUrl + "\" type=\"video/mp4\"></video");
    $("#flash video")[0].play();
}

在.swf图库中播放.mp4文件？

1 个答案: