javascript - 在 EPUB3 文件中使用查询字符串

Question

我正在制作一本包含 140 个(短)视频的 EPUB3 电子书。有一个索引文件，其中包含指向具有 HTML5 视频元素的单独 showVideo.html 文件的超链接。我的想法是通过查询字符串将每个视频文件名提交给 showVideo.html，它通过 javascript 读取查询字符串并将值放入视频元素。

索引文件链接:

<a href="showVideo.html?unit=E1">Click to watch E1</a>

如果我将以下代码写入我的 content.opf 文件的 manifest，这确实有效:

<item id="vid_player" href="showVideo.html?unit=E1"
 media-type="application/xhtml+xml"/>

但如果我那样做，我必须向 list 中添加 140 项。仅在 list 中排除查询字符串不起作用:

<item id="vid_player" href="showVideo.html" 
 media-type="application/xhtml+xml"/>

你们有解决办法吗？查询字符串方法只是我的想法，也许有更好的技术。

谢谢

马文

Answer 1

避免epubcheck过于挑剔的检查，您可以执行以下操作。

1. 添加 data-video属性为 <a>元素，如 <a data-video='E1'> .

2. 为 click 添加一个事件监听器相关事件<a>元素。

3. 在事件处理程序中，设置 location.href至 "showRef.html?Unit=" + elt.dataset.video或等效的。

4. 在 showRef.html 内，解析查询字符串并做正确的事情。