如何使用 javascript 使 flash 元素移动友好?

Posted

技术标签:

【中文标题】如何使用 javascript 使 flash 元素移动友好?【英文标题】:how do i make a flash element mobile friendly with javascript? 【发布时间】:2019-06-26 22:14:00 【问题描述】:

如果我的网站有一个 Flash 标头,但它在苹果产品甚至一些安卓设备上不适合移动设备,我可以插入到我的 .html 页面中的 javascript 代码是什么,这样它就不会显示已加载...

我要解决的问题:

【问题讨论】:

您可以在移动设备上隐藏 Flash 标头。以下是一些方法:ajarproductions.com/blog/2013/10/17/… 【参考方案1】:

您可以尝试使用 HTML5 的 innerHTML 选项和 JavaScript 来检查 Flash 是否可用。如果设备无法显示.swf 文件(Flash 应用程序),则可以根据该信息显示替代内容,例如某些图像文件。

由于您没有显示您自己的页眉设置的任何代码,我将展示一个基本示例,也许您可​​以将逻辑应用于您自己的页面。

将代码放入空白文档(编辑宽度/高度)并保存为.html

在您的浏览器中阻止刷新并刷新...它会显示图片横幅。

在您的浏览器中**启用* Flash 并刷新...它会显示 Flash 横幅。

测试此代码并提出任何问题以进行澄清:

<!DOCTYPE html>
<html>

<body> 

<div id="my_Banner"></div>

</body>


<script>

var show_A = '<embed width=600 height=200 src="https://www.w3schools.com/tags/helloworld.swf">';

var show_B = '<img width=600 height=200 src="https://www.videocopilot.net/blog/wp-content/uploads/2013/03/trap.jpg"/>';

function isFlashEnabled() 

    var flash = navigator.plugins.namedItem('Shockwave Flash');
    if (!flash)  return 0;  
    else  return 1; 



if( isFlashEnabled() ) //if Flash is availabe as browser plugin
 document.getElementById('my_Banner').innerHTML = show_A;  

else //if Flash not availabe as browser plugin (eg: on mobile browsers)
 document.getElementById('my_Banner').innerHTML = show_B; 

</script>

</html>

【讨论】:

以上是关于如何使用 javascript 使 flash 元素移动友好?的主要内容,如果未能解决你的问题,请参考以下文章

当您使用 javascript 或 jquery 将鼠标悬停时,如何使图像或按钮发光?

flash window组件 如何使其禁止拖动

如何使用Javascript制作动画

如何使用 jquery 或纯 javascript 更改/替换 flash 对象?

你如何从 Flash 触发 javascript 函数?

如何使用 Javascript 捕获 Flash Player 的事件