zoukankan      html  css  js  c++  java
  • 问题:动态变换video标签source的src不起作用

    如题

    参考https://blog.csdn.net/weixin_42519137/article/details/85159900

    <div id="video" class="layui-form-mid layui-word-aux" >
        <video style=" 100%;height: 150px;" controls>
            <source id="img7" src="" type="video/mp4" />
        </video>
    </div>
    $('#img7').attr('src',isDefine(result[0].vedio)?result[0].vedio:"");

    答案如下:

    通过 jQuery 确实是给 source 的 src 赋值成功,从调试来看,浏览器并没有去发起请求去获得相应的视频,
    而只是单纯的将 a 标签的 data-src 中的值赋值给 source 了。

    因此,可以推断出来的是,当 video 中存在 source 标签的时候,浏览器渲染之后会自动去获取地址,即便地址改变,
    浏览器也不会再去获取地址。但是通过动态的插入 source 标签的方式,可以触发浏览器进行重排,从而去获取相应地址的文件进行播放。

    如果直接把<source id="img7" src="" type="video/mp4" />标签替换掉的话,第一次是可以播放,但再切换别的src还是会显示第一个播放的视频的src。

    所以,正确方法是连同video标签一起换了。

     

  • 相关阅读:
    将excel单元格中的内容,批量转化成批注
    装饰器的入门到精通
    自定义dict
    python2.7 + PyQt4安装
    一些好用的python模块
    人工智能-自然语言处理
    websocket-单群聊
    UA池和代理池
    scrapy框架持久化存储
    SQL Server 2012 酸爽的安装体验
  • 原文地址:https://www.cnblogs.com/xi-li/p/jquery.html
Copyright © 2011-2022 走看看