recherche

Maison >interface Web >js tutoriel >js pour implémenter le chargement différé des compétences Flash_javascript

js pour implémenter le chargement différé des compétences Flash_javascript

WBOY
WBOYoriginal
2016-05-16 15:29:361418parcourir

L'exemple de cet article décrit comment implémenter le chargement différé de Flash dans js. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Lorsque la page contient un lecteur Flash qui lit automatiquement les vidéos, le lecteur Flash Streaming Media continuera à télécharger la vidéo (même si vous cliquez sur Lecture Pause/Arrêter, le téléchargement continuera), ce qui affectera la page Chargement de d'autres éléments.

La méthode d'optimisation la plus simple consiste à empêcher la lecture de Flash au début : bien sûr, vous pouvez modifier le fichier source fla pour que la lecture vidéo soit mise en pause au début jusqu'à ce que l'utilisateur clique sur le bouton de lecture. Mais le problème est que si vous intégrez une animation flash sans fichiers sources, cette approche ne fonctionnera pas.

Pensées :

Vous pouvez d'abord placer une petite image à l'endroit où est placé le flash, cliquer sur l'image puis remplacer l'élément d'image par la balise d'objet correspondante. 

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

J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Parlez des problèmes causés par l'utilisation d'opérations d'affectation consécutives dans les compétences javascript_javascriptArticle suivant：Parlez des problèmes causés par l'utilisation d'opérations d'affectation consécutives dans les compétences javascript_javascript

Articles Liés

Voir plus