全屏视频/新插屏广告（FullVideo）广告的对接及示例

1. 导入 FullscreenVideo 模块

import { FullscreenVideo } from '@zmide/react-native-gromore';

若需要设置广告方向，还需导入 RNADFullscreenVideoDirection 组件

2. 使用 FullscreenVideo 对象的 show 方法

TIP

必须为 FullscreenVideo 传入相应的 slotId。

示例：

示例以 TouchableNativeFeedback 组件为容器，点击文字 Start FullscreenVideo (mix) 弹出混合插全/半屏广告。

<TouchableNativeFeedback
  onPress={async () => {
    await FullscreenVideo?.show({
      slotId: codes.fullscreen_video_code,
      muted: false,
      direction: RNADFullscreenVideoDirection.vertical,
      onAdLoadSuccess() {
        console.log('FullscreenVideo onAdLoadSuccess');
      },
      onAdLoadFail(error) {
        if (Platform.OS === 'android') {
          ToastAndroid.show(`${JSON.stringify(error)}`, 2000);
        }
        console.log('FullscreenVideo onAdLoadFail', error);
      },
      onAdDidClose() {
        console.log('FullscreenVideo onAdDidClose');
      },
      onAdServerRewardDidSucceed(verify) {
        console.log('FullscreenVideo onAdServerRewardDidSucceed', verify);
      },
    });
    console.log('FullscreenVideoPage');
  }}>
  <View>
    <Text>Start FullscreenVideo (mix)</Text>
  </View>
</TouchableNativeFeedback>

TIP

插全屏和插半屏广告，与上述混合插全/半屏广告使用方法一致，仅需将 slotId 替换为 codes.fullscreen_video_code_half（插半屏） 或 codes.fullscreen_video_code_full（插全屏），即可正确播放所需类型的插屏广告。

插屏广告配置选项如下（使用方法可参考上述示例）：

参数	描述	选项
muted	是否静音	true 关闭音量 false 开启音量
direction	广告方向	vertical 竖屏 horizontal 横屏

FullscreenVideo 事件列表如下：

事件名称	描述
onAdLoadSuccess	广告加载成功
onAdLoadFail	广告加载失败
onAdDidDownLoadVideo	广告素材加载完成
onAdWillVisible	广告即将展示
onAdDidVisible	广告已经展示
onAdDidClick	广告被点击
onAdDidClickSkip	广告被点击跳过
onAdWillClose	广告即将关闭
onAdDidClose	广告已经关闭
onAdDidPlayFinish	广告视频播放完成
onAdDidShowFailed	广告展示失败
onAdWillPresentFullScreenModal	即将弹出广告详情页回调
onAdServerRewardDidSucceed	奖励验证回调成功
onAdServerRewardDidFail	奖励验证回调失败