html - 如何正确发布带字幕的 html5 视频 [seo]

标签 html video seo video-subtitles

我必须如何发布有两种语言(或 n)字幕的视频?

  • 多合一出版物(一个网址)
    本出版物附带的所有文本均为英文。
  • <video src="a.mp4">
    <track srclang='en' src="a.en.vtt" default>
    <track srclang='es' src="a.es.vtt">
    </video>
    
  • 制作两个出版物(两个不同的网址)

  • a) 本出版物附带的所有文本均为英文。
    <video src="a.mp4">
    <track srclang='en' src="a.en.vtt">
    </video>
    
    b) 本出版物附带的所有文本均为西类牙语。
    <video src="a.mp4">
    <track srclang='es' src="a.es.vtt">
    </video>
    
    “英文出版物但有更多语言的视频字幕”或“每种语言的出版物和该语言的视频字幕”?
    更具体地说,视频是用户内容发布。用户以他的语言发布视频(也许可以建议以其他语言发布......)并且可以选择上传不同语言的字幕。我必须如何管理这个?哪种情况更好?
    用户可以在他的视频中添加一些不同语言的字幕(案例 1)
    或者
    用户只能发布其语言的字幕。而对于其他语言必须改变语言,并用另一个字幕制作另一个出版物(案例2)

    最佳答案

    根据MDN Docs :

    A media element cannot have more than one track with the same kind, srclang, and label.


    (他们也有一个全面的例子 here )
    这意味着选项 1) 没问题。如果您只有一个带有多个字幕轨道的视频,那么它在语义上也是最佳选择。
    对于管理用户上传的字幕,每种语言仍然只能有一种,而无需更改任何其他内容。用户应该能够指定他们提供的字幕的语言(不要假设他们的语言是他们唯一的语言),如果它已经存在,那么它必须被覆盖。根据您想要开发此功能的程度,他们可能能够改为编辑现有字幕,或者能够与覆盖之前已经存在的字幕进行比较。

    关于html - 如何正确发布带字幕的 html5 视频 [seo],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64629704/

    相关文章:

    javascript - 使用 HTML5 History API 的好教程(Pushstate?)

    video - 为什么ffmpeg示例程序decode_encoding的h264输出文件不能在Quicktime中播放?

    video - 如何提高来自 IPFS 的文件的下载速度?

    ajax - 在爬虫页面加载后更改 AJAX 链接?

    基于 Javascript 的重定向 : will it hurt SEO?

    javascript - 上一个下一个按钮响应

    html - 防止宽表拉伸(stretch) flexbox 元素和容器,改为使该表可滚动

    php - Google 对索引重定向 URL 的 react 是什么?

    JavaScript setAttribute ID 行未定义

    javascript - 如何从 PhoneGap 中的设备摄像头获取实时视频帧