HTML+JavaScript 实现切换视频功能

HTML+JavaScript 实现切换视频功能,第1张

你搜一下百度应该能搜到IE不支持embed src的实时更新,通过dom修改src是无法更新视频的。

那目前只有尝试重写整个embed的估计就可以更新视频了,也只有这一条路了,不过很好,目标实现。这是我的代码

 function start (str) {

                  var t=document.getElementById("emb").outerHTML

          document.getElementById("emb").outerHTML=t.replace(/\s+src\s*=\s*\S+\s+/,' src="'+str+'"')

}

通过正则将src的地址替换掉,使用outerHTML替换整个目标元素,就能更新了。使用正则主要是方便,如果你的embed简单,你当然可以不用正则,直接手写拼出结构,如果有错,请指出,希望可以共同学习

<!DOCTYPE HTML>

<html>

<head>

<meta charset="UTF-8" />

<title>last.html</title>

<style>

</style>

<script type="text/javascript" src="jquery-1.8.0.min.js"></script>

<script type="text/javascript">

jQuery (function ($)

    {

    $ (':button').click (function ()

    {

     $('video').prop('src', 'mp4_2.flv')

    })

    })

</script>

</head>

<body>

<video src="mp4_1.flv" autoplay="autoplay"></video>

<input type="button" value="change" />

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7252041.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-03
下一篇2023-04-03

发表评论

登录后才能评论

评论列表(0条)

    保存