我正在使用Ionic开发应用程序,我必须在播放列表中显示一些视频(我主持它们),所以没有Youtube播放器。 我使用带有插件的videoJS" videoJSPlaylist" :当vdeo完成后,下一个视频播放,我做了#34; next"和"返回"按钮在播放列表中导航。
我不得不删除它以使其工作,否则它无法正常工作。我在IOS上有一个问题,其中后退按钮在导航栏中不起作用。在Chrome模拟器和真正的Android手机上,问题不存在。 也许有人有提示?
index.html:
...
<ion-side-menus>
<ion-pane ion-side-menu-content drag-content="main.dragContent">
<ion-nav-bar back-button-type="button-icon" back-button-icon="ion-ios7-arrow-back"animation="nav-title-slide-ios7">
<ion-nav-back-button class="button-icon ion-arrow-left-c"></ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view animation="slide-left-right-ios7"></ion-nav-view>
</ion-pane>
<ion-side-menu side="left" is-enabled="isLeftMenuEnabled">
......
</ion-side-menu>
</ion-side-menus>
我的带视频的HTML:
<ion-view title={{title}} hide-back-button="false" id="sequence">
<div class="wrapper">
<div class="videocontent">
<video id="video" class="video-js vjs-default-skin vjs-playing vjs-fullscreen" preload="auto" controls data-setup="{}" width="auto" height="auto"></video>
<button type="button" ng-click="prev()" class="controls-prev">Previous</button>
<button type="button" ng-click="next()" class="controls-next">Next</button>
</div>
</div>
</ion-view>