【问题标题】:Embed multiple videos into one embeded object将多个视频嵌入到一个嵌入对象中
【发布时间】:2014-06-10 15:40:28
【问题描述】:

我正在使用 Moodle 为在线课程嵌入视频,但我遇到了格式问题。我想在视频中包含隐藏字幕,而 Apple Compressor 似乎没有将字幕保存到 MP4 文件中。因此,我开始使用 .mov 文件而不是 MP4。不幸的是,有些学生似乎无法查看 .mov 文件。我想知道如果 .mov 文件不起作用,是否可以嵌入 .mov 文件并让 quicktime 播放器默认为 .mp4。

我知道 HTML5 视频可以做到这一点,但不幸的是,目前的教师希望继续使用嵌入式 QuickTime 播放器。到目前为止,这是我所拥有的:

是否有可能以某种方式包含两个 src?

非常感谢!

【问题讨论】:

  • 我可以输入第二个 src 吗?
  • 你不应该使用type="video/quicktime"吗?

标签: html embed moodle src quicktime


【解决方案1】:

也许您可以尝试使用 javascript 解决问题。使用此代码,您可以提供将源链接更改为 mp4 的链接:

<script type="text/javascript">
    function fallback_to_mp4(video_id) {
        var video = document.getElementById(video_id);
        var mov_url = video.GetURL();
        var newsrc = mov_url.substr(0, file.lastIndexOf(".")) + ".mp4";
        video.SetURL(newsrc);
    }
</script>

<embed src="wrightwithcaptions.mov" type="video/mp4" autostart="false" 
    height="430" width="540" id="video1" enablejavascript="true" /> 

<a href="javascript:fallback_to_mp4('video1');">
    Mp4 version
</a>

或者,您可以监听错误事件并相应地将源更改为 mp4:

<embed src="wrightwithcaptions.mov" type="video/mp4" autostart="false" 
    height="430" width="540" id="video1" enablejavascript="true" 
    postdomevents="true" /> 

<script type="text/javascript">
    function fallback_to_mp4(video) {
        var mov_url = video.GetURL();
        var newsrc = mov_url.substr(0, file.lastIndexOf(".")) + ".mp4";
        video.SetURL(newsrc);
    }
    var video = document.getElementById("video1");
    video.addEventListener('qt_error', function() {
        fallback_to_mp4(video);
    };
</script>

我现在无法测试解决方案,因为我在 Linux 上(没有 quicktime,感谢苹果)。无论如何,这里是使用 QuickTime 编写脚本的参考文档:HTML Scripting Guide for QuickTime

【讨论】:

  • 我唯一关心的是可访问性。一些用户可能关闭了 javascript,因此这些将不起作用。尽管如此,这些都是很好的答案。我非常感谢您的反馈。我试过了,它们确实工作得很好。
  • 嗯,QuickTIme 不提供 HTML5 之类的后备视频,因此除非您的教师改变主意,否则您唯一的解决方案是为学生提供两个页面以获取相同的资源。冗余,但它会工作。顺便说一句,我发现使用像 quicktime 这样的专有插件在可访问性方面比使用 javascript 更糟糕......只是我的 2 美分。
  • 另一件事。 StackOverflow 是一个社区,其中说“谢谢”的特殊方式是支持或接受答案:)
猜你喜欢
  • 2012-11-05
  • 2020-07-24
  • 1970-01-01
  • 2011-07-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-07-11
  • 1970-01-01
相关资源
最近更新 更多