chaowei2008 发表于 2019-1-25 16:33:29

我刚刚写的简单的代码，为啥音乐和视频播放不了

<!DOCTYPE html>
<html lang="en">
<head>
   
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style type="text/css">
    body{
      padding: 0px;
      margin: 0px;
    }
   a{
       margin-left: 150px;
      line-height: 50px;
      text-decoration: none;
      font-weight: 700;
      letter-spacing: 1em;
    }
    a:hover{
      font-size: 20px;
         color: chartreuse;
      text-decoration: none;
    }
    img{
      border: 3px solid palegoldenrod;
      padding: 10px;
      margin-left: 200px;
    }
    p{
      margin-left: 200px;
      /* text-indent: 2em; */
      letter-spacing: 10px;

    }
    </style>
</head>
<body>
<a href="www.youtuyou.com">我爱你怎么办？
    我的微信号是35岁的我以后怎么办.</a>
<div>
<img src="https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=1380934815,3976934462&fm=173&s=169539C8C862A34740F7ED10030050DB&w=559&h=323&img.JPEG"
    alt="">
<p>
    1.衣带渐宽终不悔，为伊消得人憔悴。<br>
    2.死生契阔，与子成说；执子之手，与子偕老。<br>
    3.两情若是久长时，又岂在朝朝暮暮。
</p>
<audio src="http://www.9ku.com/play/402377.m4a">我是老男孩</audio>
<video src="http://www.9ku.com/play/402377.htm">我是老男孩</video>
</div>

</body>
</html>

2012277033 发表于 2019-1-25 17:10:56

一个是没有文件，另外一个是一个页面，video标签肯定不能播放。

chaowei2008 发表于 2019-1-25 17:31:10

2012277033 发表于 2019-1-25 17:10
一个是没有文件，另外一个是一个页面，video标签肯定不能播放。

本地也播放不了

不二如是 发表于 2019-1-25 17:32:52

本帖最后由 不二如是 于 2019-1-25 17:34 编辑

1、关于标签使用，请看速查宝典：传送门

2、http://www.9ku.com/play/402377.htm，无法直接放入vedio 元素中哦，格式不对，该外链无法使用：


请找到可分享并能提供地址的链接，例如 喜马拉雅 站：


直接用 iframe 元素搭建的：
<iframe height="230" width="260" src="https://www.ximalaya.com/thirdparty/player/sound/player.html?id=3232567&type=red" frameborder=0 allowfullscreen></iframe>

3、如果非要用 radio/vedio 元素，建议用本地路径，推荐格式：
<video width="640" height="360" controls>
       <source src="../xxx/xxx.mp4"type="video/mp4">
    您的浏览器不支持 HTML5 video 标签。
   </video>


chaowei2008 发表于 2019-1-25 17:44:01

<!DOCTYPE html>
<html lang="en">
<head>
   
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style type="text/css">
    body{
      padding: 0px;
      margin: 0px;
    }
   a{
       margin-left: 150px;
      line-height: 50px;
      text-decoration: none;
      font-weight: 700;
      letter-spacing: 1em;
    }
    a:hover{
      font-size: 20px;
         color: chartreuse;
      text-decoration: none;
    }
    img{
      border: 3px solid palegoldenrod;
      padding: 10px;
      margin-left: 200px;
    }
    p{
      margin-left: 200px;
      /* text-indent: 2em; */
      letter-spacing: 10px;
    }
    audio{
      margin-left: 350px;
    }
    </style>
</head>
<body>
<a href="www.youtuyou.com">我爱你怎么办？
    我的微信号是35岁的我以后怎么办.</a>
<div>
<img src="https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=1380934815,3976934462&fm=173&s=169539C8C862A34740F7ED10030050DB&w=559&h=323&img.JPEG"
    alt="">
<p>
    1.衣带渐宽终不悔，为伊消得人憔悴。<br>
    2.死生契阔，与子成说；执子之手，与子偕老。<br>
    3.两情若是久长时，又岂在朝朝暮暮。
</p>
</div>
<!-- <audio src="老男孩.mp3">我是老男孩</audio>
<video width="320" height="240" src="老男孩.mp3">我是老男孩</video> -->
<!-- <video width="320" height="240" controls>
<source src="老男孩.mp3" type="video/mp4">
<source src="老男孩.mp3" type="video/ogg">
</video> -->
<audio controls>
    <source src="老男孩.mp3" type="audio/ogg">
    <source src="老男孩.mp3" type="audio/mpeg">
    您的浏览器不支持 audio 元素。
</audio>
</body>
</html>

chaowei2008 发表于 2019-1-25 17:44:32

搞定，谢谢你们怎么多是大神啊

chaowei2008 发表于 2019-1-25 17:47:17

chaowei2008 发表于 2019-1-25 17:31
本地也播放不了

搞定，谢谢你们

chaowei2008 发表于 2019-1-25 17:50:25

不二如是 发表于 2019-1-25 17:32
1、关于标签使用，请看速查宝典：传送门

2、http://www.9ku.com/play/402377.htm，无法直接放入vedio 元 ...

搞定，谢谢你们啊，我滴神，。
页: [1]
查看完整版本: 我刚刚写的简单的代码，为啥音乐和视频播放不了