Vue iView是一款基于Vue.js框架的UI組件庫,為開發(fā)者提供了一系列易用性、靈活性與高效性的UI組件。其中,iView還提供了一個視頻組件。
相比于其他視頻播放組件,iView的視頻組件更加簡單易用,只需要傳入視頻地址即可:
<template> <div> <ivideo :url="videoUrl" :poster="poster" :autoplay="autoplay"></ivideo> </div> </template> <script> export default { data() { return { videoUrl: 'https://www.iviewui.com/video/movie.mp4', //視頻地址 poster: 'https://www.iviewui.com/images/logo.png', //封面 autoplay: true, //是否自動播放 } } } </script>
此外,iView的視頻組件還提供了全屏播放、調(diào)整音量、調(diào)整播放速度等基本功能,并支持自定義樣式。
如果需要使用iView的視頻組件,只需要在項目中添加iView組件庫并按照官方文檔使用即可,詳見iView視頻組件。