zoukankan      html  css  js  c++  java
  • 网页插入音视频

    第一种方式:

    先上传到第三方的视频网站(例如优酷),然后再分享iframe  标签。

    例如:

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Title</title>
     6     <style>
     7 
     8     </style>
     9 </head>
    10 <body>
    11     <iframe height=498 width=510 src='http://player.youku.com/embed/XNDM4OTI5NDQ4NA==' frameborder=0 'allowfullscreen'></iframe>
    12 </body>
    13 </html>
    View Code

    总结:

    先上传,

    再分享。

    但是这种最大的劣势是有广告。

    第二种方式:

    音频:

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Title</title>
     6     <style>
     7 
     8     </style>
     9 </head>
    10 <body>
    11     <div>发的哈市看风景快乐的手机发</div>
    12     <audio src="xinxiangan.mp3" autoplay controls loop></audio>
    13 </body>
    14 </html>
    View Code
     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Title</title>
     6     <style>
     7 
     8     </style>
     9 </head>
    10 <body>
    11     <audio  autoplay controls loop>
    12         <source src="xinxiangan.mp3" />
    13     </audio>
    14 </body>
    15 </html>
    View Code

    视频:

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Title</title>
     6     <style>
     7 
     8     </style>
     9 </head>
    10 <body>
    11     <audio  autoplay controls loop>
    12         <source src="xinxiangan.mp3" />
    13     </audio>
    14     <video autoplay controls loop >
    15         <source src="shipin.mp4" />
    16     </video>
    17 </body>
    18 </html>
    View Code
  • 相关阅读:
    Python3 模块基础
    Python3 函数小练习
    Python3 函数进阶3
    Python3 函数进阶2
    Python3 函数进阶1
    Python3 函数实践之简易购物系统
    线程之间的通信
    volatile 关键字
    对象锁的同步与异步
    synchronized 关键字
  • 原文地址:https://www.cnblogs.com/zach0812/p/11657577.html
Copyright © 2011-2022 走看看