suchen

Heim >Web-Frontend >js-Tutorial >js-Methode zum Implementieren des verzögerten Ladens von Flash_javascript-Fähigkeiten

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

WBOY
WBOYOriginal
2016-05-16 15:29:361418Durchsuche

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>

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

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Sprechen Sie über die Probleme, die durch die Verwendung aufeinanderfolgender Zuweisungsvorgänge in den Fähigkeiten javascript_javascript verursacht werdenNächster Artikel：Sprechen Sie über die Probleme, die durch die Verwendung aufeinanderfolgender Zuweisungsvorgänge in den Fähigkeiten javascript_javascript verursacht werden

In Verbindung stehende Artikel

Mehr sehen