老师帮忙看一下哪里有问题嘛？视频和图片都加载不出来，加了controls也不能播放

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{margin: 0;padding: 0;list-style:none;}
.outerNode{width: 540px;height: 332px;position: absolute;left: 50%;top: 50%;margin: -166px 0 0 -270px;box-shadow: 0 0 4px #5b606b;}
.outerNode  .videoNode{width: 540px; height: 305px;float: left;}
</style>
</head>
<body>
<!--最外侧的元素-->
<div class='outerNode'>
<video class='videoNode' src='data/imooc.mp4' poster='data/poster.jpg'></video>
</div>
</body>
</html>

Elvis_T 2019-02-18

源自：HTML5音视频 4-1 video-布局（1）

0

收起

2回答

好帮手慕星星回答被采纳获得+3积分 2019-02-18 19:04:12

你好，这边测试图片和视频都是可以加载出来的，添加上控制栏也可以播放，如下：

建议将图片，视频和文件之间关系截图发上来，老师帮助你看一下是不是关系找错了，导致没有加载出来。

祝学习愉快！

提问者 Elvis_T 2019-02-18 19:01:06

Chrome：版本 72.0.3626.109（正式版本）（64 位）

相似问题

audio不能播放声音

视频加载不出来

题目的图片都看不到啊

老师我还是不明白执行fetch(url)就怎么把图片加载了

不知道问题出在哪

登录后可查看更多问答，登录/注册

响应式开发与常用框架 2018

参与学习人
提交作业 2198 份
解答问题 5012 个

如果你有web端基础，既想进阶，又想进军移动端开发，那就来吧，我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等，让你在前端道路上畅通无阻！

本课精华内容

问答作业

图片高度不一样的问题

45 24

请问老师原理是什么

70 16

请问老师到底是什么机制

44 12

我的js为什么绑定不上啊

0 11

请问这个怎么解释

44 11

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号