집 >웹 프론트엔드 >JS 튜토리얼 >Flash_javascript 기술의 지연 로딩을 구현하는 Node.js 메소드

Flash_javascript 기술의 지연 로딩을 구현하는 Node.js 메소드

WBOY원래의: 2016-05-16 15:29:361418검색

이 기사의 예에서는 js에서 Flash의 지연 로드를 구현하는 방법을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

페이지에 자동으로 동영상을 재생하는 플래시 플레이어가 포함된 경우 플래시 스트리밍 미디어 플레이어가 동영상을 계속 다운로드하므로(재생 일시정지/정지를 클릭해도 계속 다운로드됩니다) 페이지 로드에 영향을 미칩니다. 다른 요소.

가장 간단한 최적화 방법은 처음부터 Flash가 재생되지 않도록 하는 것입니다. 물론 사용자가 재생 버튼을 클릭할 때까지 비디오 재생이 처음부터 일시 중지되도록 fla 소스 파일을 수정할 수도 있습니다. 하지만 문제는 소스 파일 없이 플래시 애니메이션을 삽입하는 경우 이 접근 방식이 작동하지 않는다는 것입니다.

생각:

먼저 플래시가 놓인 곳에 작은 그림을 배치하고 그림을 클릭한 다음 그림 요소를 해당 개체 태그로 바꿀 수 있습니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>swf占位符</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
 <script type="text/javascript">
  $().ready(function () {
   $("#rbtvs_play_pos").click(function () {
    $("#swfPos").html("<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0\" width=\"226\" height=\"338\" id=\"rbtvs_player\" align=\"middle\" style=\"z-index: -999\"><param name=\"allowScriptAccess\" value=\"Always\" /><param name=\"allowFullScreen\" value=\"false\" /><param name=\"movie\" value=\"http://img.rbtvs.com/swf/rbtvs_player.swf\" /><param name=\"quality\" value=\"high\" /><param name=\"bgcolor\" value=\"#efefef\" /><param name=\"wmode\" value=\"opaque\" /><embed src=\"http://img.rbtvs.com/swf/rbtvs_player.swf\" quality=\"high\" bgcolor=\"#efefef\" width=\"226\" height=\"338\" name=\"rbtvs_player\" align=\"middle\" allowscriptaccess=\"Always\" allowfullscreen=\"false\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.adobe.com/go/getflashplayer\" /></object>");
   })
  })
 </script>
</head>
<body>
  <div id="swfPos">
    <img id="rbtvs_play_pos" src="http://img.rbtvs.com/bihu001/images/rbtvs_play.gif" style="cursor:pointer" alt="点击播放视频" />
  </div>
</body>
</html>

이 기사가 JavaScript 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.

성명：

이전 기사：javascript_javascript 스킬에서 연속 할당 연산을 사용하여 발생하는 문제점에 대해 이야기해 보세요.다음 기사：javascript_javascript 스킬에서 연속 할당 연산을 사용하여 발생하는 문제점에 대해 이야기해 보세요.

Flash_javascript 기술의 지연 로딩을 구현하는 Node.js 메소드

관련 기사