video完成有响声全自动播发的完成方式

日期:2021-02-22 类型:科技新闻 

关键词:在线网页制作,建网页,个人简介网页制作,简单网页,建立网页

video完成全自动播发有响声

要求:老板见人家能够的,大家的也要能够!!!
前端开发:全自动播发,简易...
要完成:电脑鼠标移入视頻播发另外有响声,移转让你中止,,,,,

难题结合

1- 全自动播发完成沒有响声,
2- 如何完成有响声全自动播发?
3- 电脑鼠标移入移出完成...

处理

1——掌握故事情况:

由于以前一些“邪恶”的老前辈们,在网页页面中展现了许多相近

是弟兄就1起来-----我是(⊙_⊙)辉???

动感的画面,趣味的话语,以前也被吸引住住了,只是那个响声.....
简而言之————厂商觉得客户体验不太好,禁了响声
 

2—— 有关材料、完成:
实际上,还可以完成全自动播发时响声也播发

在体验差的另外,厂商以便照料开发设计者,容许客户互动以后完成播发,比如点一下等实际操作(神马鬼意思?)

即两种挑选:
1—— 视頻完成全自动播发,可是要静音,在标识中加上muted特性,就可以完成全自动播发
2—— 视頻完成全自动播发,有响声,这个要在文本文档与客户之间有实际操作以后才可以完成(随意点1下网页页面,就ok)

临时不涉及到深层次就不搞demo详细地址啥的了,不信拷贝检测1下吧

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF⑻">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>video播发难题</title>
    <style>
    #demo{
        height: 500px;
        width: 1400px;
    }
    .demo1{
        width: 700px;
        height: 500px;
        float: left;
    }
    .demo1 video{
        height: 400px;
        width: 400px;
    }
    .demo2{
        width: 700px;
        height: 500px;
        float: left;
    }
    .demo2 video{
        height: 400px;
        width: 400px;
    }
    </style>
    <script>
    function play_v1(v){
        v.play()
    }
    function stop_v1(v){
        v.pause();
    }
    </script>
</head>
<body>
    <div>
        <div id="v1_box" class="demo1">
            <p>1:静音、全自动播发</p>
            <video onmouseover="play_v1(this)" onmouseleave="stop_v1(this)"  muted src="http://yh2019.oss-cn-beijing.aliyuncs.com/35cc8560068b47d78ee18a118e2982ee/video/e2474c04cbff49089132a92579fb5ac7.mp4"></video>
        </div>
        <div id="v2_box" class="demo2">
            <p>2:有响声、全自动播发(最少必须点一下1下文本文档,造成互动)</p>
            <video onmouseover="play_v1(this)" onmouseleave="stop_v1(this)"  src="http://yh2019.oss-cn-beijing.aliyuncs.com/35cc8560068b47d78ee18a118e2982ee/video/e2474c04cbff49089132a92579fb5ac7.mp4"></video>
        </div>
    </div>
</body>
</html>

video 完成静音全自动播发

<video id="demo" controls="controls" autoplay="autoplay" muted>
<source src="./conference_2.mp4" type="video/mp4">
</video>

ps: 视頻要想完成全自动播发,貌似务必再加muted特性

到此这篇有关video完成有响声全自动播发的完成方式的文章内容就详细介绍到这了,更多有关video全自动播发內容请检索脚本制作之家之前的文章内容或再次访问下面的有关文章内容,期待大伙儿之后多多适用脚本制作之家!

上一篇:canvas绘图太极图的完成示例 返回下一篇:没有了