老师,你帮我看下

老师,你帮我看下

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

   <style>

   

  

   </style>

    

    

</head>

<body>

 <video width='300'  controls  id='shipin'  src='阿羽跳舞1.mp4'></video>

 


</body>

<script>

    var dmt=document.getElementById('shipin'),insert=document.getElementsByTagName('div')[0],go=document.getElementsByClassName('gogo')[0],

    movie=['阿羽吃橙','阿羽吃鸡腿'],n=0;

    

    dmt.addEventListener('ended',function(){

           if(this.ended==true){

               this.src=movie[n]+'.mp4';

              

               setTimeout(function(){dmt.play()},1000)

               n=n+1;

           }

    })

  

</script>

</html>


为什么第一个视频结束后,切换到第二视频只有声音,没有画面。


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,老师测试同学的代码播放完第一个视频切换到第二个视频是有声音和画面的,如下:

http://img1.sycdn.imooc.com//climg/60c46cec098baf6611280825.jpg

http://img1.sycdn.imooc.com//climg/60c475ca0a7e1cbf01400103.jpg

建议同学检查一下视频存放路径是否正确,以及视频名称与movie数组中的是否一致。

祝学习愉快!

  • 慕桂英1352525 提问者 #1

    老师,那video插入的视频是除了要求是mp4格式外还有什么要求吗?为什么有些视频是mp4格式,却只有声音,没有画面。

    2021-06-12 17:20:11
  • 卡布琦诺 回复 提问者 慕桂英1352525 #2

    同学你好,目前mp4格式的视频兼容性比较好,大多数浏览器或者是媒体播放器都支持,老师这边测试mp4格式的视频并未遇到只有声音没有画面的问题,同学可以看一下右上角的小铃铛,老师以其他方式帮你看一下问题。

    祝学习愉快!

    2021-06-12 17:34:55
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师