如何将Flash SWF文件用作自定义HTML5视频播放器的外观

Question

我现在将使用Flash5的<object>和<video>标签将现有的Web应用程序代码从Flash <EMBED>更新到现在。

我可能会使用自己的Flash播放器，该播放器具有用于播放视频的完整播放器控件。因为重要的是确保整个网页上都应有相同的设计视图。

我也创建了一个示例测试页并进行了尝试。在这里，我只能解决任何一种解决方案。

解决方案1：

<div id="blk-1" class="toHide" style="float: none; vertical-align:middle">
<video width="640" height="360" controls>
<!-- MP4 must be first for iPad! -->
<source src="https://ins-trs.com/tracker/webapplication/data/videos/Japan.mp4" type="video/mp4" /><!-- Safari / iOS video -->
</video>
</div>

-这里的视频控件是HTML5的默认控件，并且可以正常工作。

解决方案2：

<div id="blk-6" class="toHide" style="float: none; vertical-align:middle">
<embed src="https://ins-trs.com/tracker/webapplication/data/videos/Mouseover.swf"
width="640" height="360"
type="application/x-shockwave-flash">
</div>

-此处的.swf文件运行时没有控制按钮来处理视频。

解决方案3：

<div id="blk-7" class="toHide" style="float: none; vertical-align:middle">
<object width="640" height="360"
type="application/x-shockwave-flash"
data="https://ins-trs.com/tracker/webapplication/data/videoplayer/player_swf/video_player.swf">
<embed src="https://ins-trs.com/tracker/webapplication/data/videos/Mouseover.swf"
width="640" height="360" >
</object>
</div>

-屏幕上会加载“ video_player.swf”播放器，但播放器长时间未加载“ Mouseover.swf”视频，也没有错误。

我的问题是

1. 是否可以（Solution1）通过我的“ https://ins-trs.com/tracker/webapplication/data/videoplayer/player_swf/video_player.swf”播放器fpr加载HTML文件。要加载文件吗？

2. 如何为上面的solution2中运行的.swf扩展视频启用或设置播放器按钮？

3. 如何在自定义播放器（solution3）中加载.swf视频？

将我自己的自定义播放器与控件一起作为图片-（https://ins-trs.com/tracker/webapplication/data/videoplayer/player_swf/video_player.swf） 我希望有人会遇到这些情况。这对我了解更多和更新我的知识将有很大帮助。

谢谢您阅读我的问题。

图片供2个播放器参考，我想在我的Web应用程序中为所有视频.mp4或.swf在所有页面上实现相似的外观。

Custom .swf player look

Default HTML5 player look

Answer 1

您不能将SWF用作<video>标签的图形用户界面。

也不是所有的浏览器都会显示SWF文件，因此，如果这样做，可能会使某些用户在屏幕上（尤其是在移动设备上）看不到任何控件。

这是一个简单的解决方法：只需使用JavaScript来控制播放。

• 您必须重新创建（或提取）SWF图标（作为PNG图像）并加载到页面中。
• 为每个图像分配JS功能以控制播放（例如：单击image-1播放视频）
。
• 如果需要，请查看有关...的数学计算的教程。
  • 搜索栏处理（图形点击位置转换为视频搜索位置）。
  • 时间显示（将毫秒转换为小时，分钟或秒）。