使用 JavaScript 在 iPhone Safari 上破解 QuickTime 播放器答案

【问题标题】：Hacking QuickTime player on iPhone's safari with JavaScript使用 JavaScript 在 iPhone Safari 上破解 QuickTime 播放器
【发布时间】：2014-10-31 12:03:50
【问题描述】：

Apple 过去常常在其平台上限制我们的想法。

我关心的是我们如何使用 JavaScript 在 QuickTime 播放器中添加触发“点击”事件的EventListener。

假设我们从 HTML5 video 标签打开视频。

【问题讨论】：

标签： javascript ios iphone mobile quicktime

【解决方案1】：

对于视频文件，您最好在 html5 中使用嵌入标签

<embed width="260" height="282" src="'+file location+'" showstatusbar="true" showgotobar="true" showdisplay="true" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" type="application/x-mplayer2" name="rTuner" AUTOSTART="false"/>

音频

<embed  height="50" width="180" name="plugin" src="'+file location+'" type="audio/x-wav" controls AUTOSTART="false"/>

【讨论】：

感谢 Karthic。有没有办法我们可以在 iPhone 的 Safari 上的 QuickTime 播放器中附加“点击”事件。

【解决方案2】：

我有视频文件列表

$('ul#totalFileList').on('click','.playRecorded',function(){
                        var lessonName = $(this).attr('id')                     if(lessonName.contains(".mov") || lessonName.contains(".mp4") || lessonName.contains(".avi") || lessonName.contains(".wmv")  || lessonName.contains(".wma"))
                        {
                            $('ul#viewOtherFiles').children('li').children('embed').each(function( index ){
                                $('ul#viewOtherFiles').children('li').children('embed').remove();
                            });

                            $(this).after('<embed width="260" height="282" src="'+uploadUrl+lessonName+'" showstatusbar="true" showgotobar="true" showdisplay="true" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" type="application/x-mplayer2" name="rTuner" AUTOSTART="false"/>');
                        }
});

【讨论】：

为每个文件添加类名“playRecorded”。所以每当我点击文件时，它就会在快速播放器中开始播放
很好的答案，这里的要点我想在 QuickTime 已经打开时附加“点击”事件。（在 QuickTime 内）
我在我的页面中使用了引导手风琴。所以当我点击一个视频文件时，突然 quicktimeplayer 打开播放视频。然后我突然点击另一个视频文件（已经打开）quicktimeplayer 关闭，现在另一个 qucktimeplayer 打开并播放第二个视频文件.......