js 视频插件zyMedia下载和使用方法

   js 视频插件zyMedia使用方法


          点击进入下载链接

效果图:
在这里插入图片描述

使用方法:

  1. 打开zyMedia-master/examples/video.html,查看网页源代码
  2. 在这里插入图片描述可以看到,要想使用此插件,需要导入zy.media.min.css和/src/zy.media.js, 可以把这两个文件复制到自己写的代码的目录里,然后引入到所需要的代码里,引入之后,复制下面代码到自己的网页里,改成自己需要的视频路径和标题即可
<div class="zy_media">
            <video poster="test.jpg" data-config='{"mediaTitle": "《疯狂动物城》--腾讯视频"}'>
                <source src="test.mp4" type="video/mp4" />
                您的浏览器不支持HTML5视频
            </video>
        </div>

最后添加下面的代码就可以运行.

		<script>
            zymedia('video')
        </script>
  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值