html - Safari HTML 5 视频标签在链接标签内不起作用

Question

问题出在 Safari 上。视频标签。我在链接标签中放置了一个视频标签。我正在尝试制作视频链接。它适用于除 Safari 之外的所有浏览器。有问题的页面在这里:neumatic.com在 Safari 中，它只会转到海报图像，但不会播放视频。我试过将链接标记进一步移动到 div 树中，但没有成功。

Answer 1

看来 <video>元素甚至可以在 <a> 中使用元素。根据HTML specifications :

The a element may be wrapped around entire paragraphs, lists, tables, and so forth, even entire sections, so long as there is no interactive content within (e.g. buttons or other links).

即使 HTML5 验证器说 anchor 内的视频是有效的(暂时)，我会认为视频是交互式内容，但我找不到任何具体列出 HTML5 中的哪个元素的内容 被视为“交互式内容”。

如果有效这似乎只是一个浏览器兼容性问题。以前， block 级内容(包括视频元素)不允许在 anchor 中使用。 Safari 目前可能只有关于 block 级内容的错误或实现问题，甚至可能特定于视频元素。您必须记住，HTML5 仍然是新的并且正在开发中，您一定会在某处遇到一些奇怪的故障和问题。尝试使用 Safari 提交错误报告。

无论哪种方式，我个人认为将视频放在 anchor 内是一种不好的做法。祝你好运。