1.0.0-beta.22 • Published 2 years ago
sirv-media-viewer v1.0.0-beta.22
Angular Sirv Media Viewer
Easy to use, highly customizable Angular Sirv Media Viewer library.
Copy and paste this script anywhere in your HTML, usually before </head>
<script src="https://scripts.sirv.com/sirvjs/v3/sirv.js"></script>
install
npm install ng-sirv-media-viewer
register as plugin
import { SirvMediaViewerModule } from 'sirv-media-viewer';
@NgModule({
declarations: [ ... ],
imports: [ SirvMediaViewerModule ],
providers: [...],
bootstrap: [ ... ]
})
basic usage
<sirv-media-viewer
id='...'
data-src='...'
data-options="fullscreen.enable:false;"
[slides]="[
'https://demo.sirv.com/demo/snug/teal-b-throw.jpg',
'https://demo.sirv.com/demo/snug/teal.spin',
{
src: 'https://demo.sirv.com/demo/snug/unpacked.jpg',
type: 'image'
}
]"
></sirv-media-viewer>
id
- viewer iddata-src
- using for*.view
files, overrides:slides
data-options
- viewer options[slides]
- Array with slide sources. Sources can be String or Object. String can be just url link Object has additional props:id
- Slide id Stringsrc
- Source StringdataOptions
- Local slide options Objecttype
- Type of slide String. The available props are:spin
,zoom
,image
,youtube
,vimeo
,video
,html
dataThumbnailImage
- Custom thumbnail image StringdataThumbnailHtml
- Custom thumbnail html StringdataDisabled
- Disable slide BooleandataSwipeDisabled
- Disable slide swipe BooleandataHiddenSelector
- Hide selector BooleandataPinned
- Pinned selector String. The available props are:left
,right
staticImage
- Static image Boolean.
1.0.0-beta.22
2 years ago
0.0.1
2 years ago