Cuttlefish Docs
  • 简体中文

    • spz-youtube YouTube视频

    何时使用

    需要播放 YouTube 视频时。

    代码演示

    基本用法

    最基本用法。

    <spz-youtube videoid="Wv6Up5YSi5s" layout="responsive" width="1444" height="504"></spz-youtube>

    自动循环播放

    <spz-youtube videoid="Wv6Up5YSi5s" loop data-param-playlist="Wv6Up5YSi5s" autoplay layout="responsive" width="1444" height="504"></spz-youtube>

    属性

    属性名说明类型默认值是否必需
    videoidYouTube视频IDstring-是
    autoplay如果该属性存在，YouTube视频自动播放--否
    loop该属性配合data-param-playlist属性可以实现循环播放--否

    AI 摘要（LLM Ready）

    • 组件标识：spz-youtube
    • 用途一句话：YouTube视频播放器。
    • 可识别属性条目：3
    • 可识别方法小节：0
    • 可识别事件小节：0
    • 关键属性名（Top）：videoid、autoplay、loop
    • 关键方法名（Top）：无（待补充）
    • 关键事件名（Top）：无（待补充）
    • 阅读顺序建议：先看「何时使用」与「代码演示」，再核对属性/方法/事件。
    • 关联文档：/guide/actions-and-events/ 、/guide/layouts/