Hey there! I’ve worked through this exact scenario before, so let me break down how to get full playback control (play, replay, mute, progress bar, etc.) for SWF videos using JavaScript and HTML. The key here is leveraging Flash’s ExternalInterface to bridge communication between your HTML/JS and the SWF file—here’s how to pull it off:

First, you need to embed a custom SWF player (not just a raw SWF video) into your page with the right settings to enable JS-SWF communication. Use an <object> tag with the allowScriptAccess parameter set to always—this is critical for letting JavaScript talk to the SWF:

<object id="swfVideoPlayer" type="application/x-shockwave-flash" data="custom-swf-player.swf" width="640" height="360">
  <param name="movie" value="custom-swf-player.swf">
  <param name="allowScriptAccess" value="always">
  <param name="wmode" value="opaque"> <!-- Optional: fixes layering issues -->
</object>

Note: This won’t work in modern browsers like Chrome or Firefox (they dropped Flash support entirely), but it will function in legacy environments (e.g., old IE versions, apps with embedded Flash players).

Raw SWF videos (like those exported directly from Flash) don’t have built-in control methods, so you’ll need to create a wrapper SWF using ActionScript 3 that handles video playback and exposes controls to JavaScript via ExternalInterface.

Here’s a minimal example of the ActionScript code you’d need:

import flash.external.ExternalInterface;
import flash.media.Video;
import flash.net.NetStream;
import flash.net.NetConnection;
import flash.events.NetStatusEvent;

// Set up video stream
var connection:NetConnection = new NetConnection();
connection.connect(null);
var stream:NetStream = new NetStream(connection);
var videoPlayer:Video = new Video(640, 360);
videoPlayer.attachNetStream(stream);
addChild(videoPlayer);

// Handle stream status to get duration
stream.addEventListener(NetStatusEvent.NET_STATUS, onNetStatus);
function onNetStatus(event:NetStatusEvent):void {
  if (event.info.code == "NetStream.Play.Stop") {
    // Optional: Trigger JS callback when video ends
    ExternalInterface.call("onVideoEnd");
  }
}

// Expose playback controls to JS
ExternalInterface.addCallback("playVideo", function():void {
  stream.play("your-video.flv"); // SWF players typically use FLV format
});

ExternalInterface.addCallback("pauseVideo", function():void {
  stream.pause();
});

ExternalInterface.addCallback("replayVideo", function():void {
  stream.seek(0);
  stream.resume();
});

ExternalInterface.addCallback("toggleMute", function():void {
  stream.soundTransform.muted = !stream.soundTransform.muted;
});

ExternalInterface.addCallback("setVolume", function(volume:Number):void {
  stream.soundTransform.volume = Math.max(0, Math.min(1, volume)); // Clamp to 0-1
});

// Expose progress data for the progress bar
ExternalInterface.addCallback("getCurrentTime", function():Number {
  return stream.time;
});

ExternalInterface.addCallback("getTotalDuration", function():Number {
  return stream.totalTime;
});

ExternalInterface.addCallback("seekTo", function(time:Number):void {
  if (time >= 0 && time <= stream.totalTime) {
    stream.seek(time);
  }
});

Export this as a SWF file (e.g., custom-swf-player.swf) and make sure your video file (likely FLV) is in the same directory or linked correctly.

Now you can use JavaScript to call the methods exposed by your SWF player. Here’s how to implement common controls:

const swfPlayer = document.getElementById('swfVideoPlayer');

// Play button handler
document.getElementById('playBtn').addEventListener('click', () => {
  swfPlayer.playVideo();
});

// Pause button handler
document.getElementById('pauseBtn').addEventListener('click', () => {
  swfPlayer.pauseVideo();
});

// Replay button handler
document.getElementById('replayBtn').addEventListener('click', () => {
  swfPlayer.replayVideo();
});

// Mute toggle handler
document.getElementById('muteBtn').addEventListener('click', () => {
  swfPlayer.toggleMute();
});

// Volume slider handler
document.getElementById('volumeSlider').addEventListener('input', (e) => {
  swfPlayer.setVolume(parseFloat(e.target.value));
});

// Update progress bar every second
function updateProgress() {
  const currentTime = swfPlayer.getCurrentTime();
  const totalDuration = swfPlayer.getTotalDuration();
  
  if (totalDuration > 0) {
    const progressPercent = (currentTime / totalDuration) * 100;
    document.getElementById('progressFill').style.width = `${progressPercent}%`;
  }
}
setInterval(updateProgress, 1000);

// Seek to position when clicking progress bar
document.getElementById('progressBar').addEventListener('click', (e) => {
  const barRect = e.target.getBoundingClientRect();
  const clickX = e.clientX - barRect.left;
  const clickPercent = clickX / barRect.width;
  const totalDuration = swfPlayer.getTotalDuration();
  
  swfPlayer.seekTo(totalDuration * clickPercent);
});

// Optional: Handle video end event from SWF
function onVideoEnd() {
  console.log("Video finished playing!");
  // Reset progress bar, enable replay button, etc.
}

• Browser Compatibility: As mentioned, modern browsers no longer support Flash Player. This solution only works in legacy environments where Flash is still enabled. For modern projects, convert your SWF/FLV videos to MP4 and use HTML5 <video> instead—it’s far more supported and easier to control.
• Security: Ensure your SWF and HTML page are hosted on the same domain, or set up a cross-domain policy file (crossdomain.xml) if they’re on different domains. Otherwise, ExternalInterface will fail due to security restrictions.
• Video Format: SWF players typically work best with FLV video files. If your source is a SWF animation, extract the video track and convert it to FLV first.

It’s absolutely possible to get full control over SWF video playback—you just need to bridge JS and ActionScript using Flash’s interop tools. Just be aware of the compatibility limitations these days!

内容的提问来源于stack exchange，提问作者Vijay Kumar Yadav