zoukankan      html  css  js  c++  java
  • HTML 解决video标签播放视频看不见&能听到声音看不到画面等问题

    要播放视频首先确保以下几点是正确的

    1:  确保输入的标签内容是完整的 

      ①src路径地址是对的,不要少了什么.mp4后缀等

        ②autoplay=""  是否设置了自动播放

        ③muted=""   是否是静音播放的(谷歌浏览器貌似不写静音属性,会不显示视频)

    <video src="./video/ffxcp2.mp5" controls="controls"  autoplay="autoplay" muted="muted"></video>

    2:  确保视频源是正确的可识别的格式

       推荐:MP4

      常用格式          支持的浏览器 

      ①MP4       ( Chrome(谷歌) , Firefox(火狐) , Opera(欧鹏) , Safari(苹果浏览器) ,IE )

      ②WebM              ( Chrome , Firefox ,  Opera)

      ③Ogg                              ( Chrome , Firefox ,  Opera)

    3:  编码设置:

      使用格式转换工具时,应使用如下格式编码,否则有较大概率出现 : 画面看不到,有声音看不到画面等问题.

      1:  MP4  使用 H264 视频编码 & AAC 音频编码 

      

      2:  WebM   使用 VP8 视频编码      & Vorbis 音频编码

      3:  Ogg    使用 Theora 视频编码 & Vorbis 音频编码

      看看效果

    时间若流水,恍惚间逝去
  • 相关阅读:
    2019年计划书单
    redis 分布式锁实现
    filter-grok,dissect匹配数据
    nohup-长期运行进程
    filter
    kill
    watch
    free
    jar
    tree
  • 原文地址:https://www.cnblogs.com/alanshreck/p/14242032.html
Copyright © 2011-2022 走看看