js-Methode zum Implementieren des verzögerten Ladens von Flash_javascript-Fähigkeiten-js-Tutorial-php.cn

js-Methode zum Implementieren des verzögerten Ladens von Flash_javascript-Fähigkeiten

WBOY

Freigeben： 2016-05-16 15:29:36

Original

1422 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt, wie das verzögerte Laden von Flash in js implementiert wird. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Wenn die Seite einen Flash-Player enthält, der Videos automatisch abspielt, lädt der Flash-Streaming-Media-Player das Video weiterhin herunter (auch wenn Sie auf Wiedergabe/Pause/Stopp klicken, wird der Download fortgesetzt), was sich auf das Laden der Seite auswirkt andere Elemente.

Die einfachste Optimierungsmethode besteht darin, die Wiedergabe von Flash am Anfang zu verhindern: Natürlich können Sie die Fla-Quelldatei so ändern, dass die Videowiedergabe am Anfang angehalten wird, bis der Benutzer auf die Wiedergabeschaltfläche klickt. Das Problem besteht jedoch darin, dass dieser Ansatz nicht funktioniert, wenn Sie eine Flash-Animation ohne Quelldateien einbetten.

Gedanken:

Sie können zunächst ein kleines Bild dort platzieren, wo der Blitz platziert ist, auf das Bild klicken und dann das Bildelement durch das entsprechende Objekt-Tag ersetzen.

<!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>

Nach dem Login kopieren

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der JavaScript-Programmierung befassen.